div,
p,
dl,
dd,
a,
b,
u,
em,
input,
textarea,
button,
select,
form,
section,
label,
span,
td,
li,
nav,
footer,
body,
ul,
i,
h1,
h2,
h3,
h4,
h5,
h6 {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	padding: 0;
	margin: 0;
	list-style: none;
	outline: 0
}

a:focus,
a:active {
	outline: 0
}

@font-face {
	font-family: 'SF Pro Text';
	font-style: normal;
	src: local('PingFang SC'), url(../font/j.woff2) format('woff2');
	font-weight: 200
}

@font-face {
	font-family: 'SF Pro Text';
	font-style: normal;
	src: local('PingFang SC'), url(../font/n.woff2) format('woff2');
	font-weight: 300
}

@font-face {
	font-family: 'SF Pro Text';
	font-style: normal;
	src: local('PingFang SC'), url(../font/l.woff2) format('woff2');
	font-weight: 400
}

@font-face {
	font-family: 'SF Pro Text';
	font-style: normal;
	src: local('PingFang SC'), url(../font/m.woff2) format('woff2');
	font-weight: 500
}

body,
td,
input,
textarea,
option,
select,
button {
	font-family:'微软雅黑', 'PingFang SC', 'SF Pro Text', 'Helvetica Neue', 'Helvetica', 'Lucida Grande', 'Lucida Sans Unicode', 'Hiragino Sans GB', '黑体/STHeiti', 'SimHei', arial, sans-serif;
	-webkit-text-size-adjust: none;
	-webkit-appearance: none;
	outline: 0;
	font-feature-settings: "lnum";
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased
}

h1,
h2,
h3,
h4,
b,
strong {
	font-weight: 500
}

body,
td,
input,
textarea,
option,
select,
button {
	font-size: 1em
}

body,
html {
	height: 100%
}

body {
	background: #fff;
	/*-webkit-text-size-adjust: none !important;*/
	font-size: 15px;
	color: #000;
	overflow-x: hidden;
	font-family:微软雅黑;
}

img {
	max-width: 100%;
	vertical-align: middle;
	border: 0
}

svg {
	vertical-align: middle
}

a {
	color: #000;
	text-decoration: none;
	transition: color .3s ease;
	-webkit-transition: color .3s ease;
	-webkit-touch-callout: none
}

a.active,
.web a:hover {
	text-decoration: none
}

p {
	margin-bottom: 0.6em
}

.body_bg {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #fff
}

.page_checker {
	position: fixed;
	left: 0;
	top: -3600px;
	bottom: auto;
	width: 1440px;
	background: none 50% -21px no-repeat;
	opacity: .5;
	z-index: 5000;
	pointer-events: none
}

.placeholder {
	height: 0;
	display: block;
	padding-top: 100%
}

.middle_holder {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 0;
	width: 0;
	height: 100%;
	vertical-align: middle
}

.middle {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	width: 100%
}

.table {
	display: table;
	width: 100%;
	height: 100%
}

.table_row {
	display: table-row
}

.table_cell {
	display: table-cell;
	vertical-align: middle
}

.slider {
	height: 100%
}

.section .bg_slider {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.body_wrap {
	position: relative;
	height: 100%
}

.section {
	position: relative;
	height: 100%;
	min-height: 100%;
	line-height: 1.24;
	overflow: hidden
}

.nav_wrap,
.section_wrap {
	height: 100%;
	margin: 0 14px;
	margin: 0
}

.section_sub_page {
	background-color: #eaeaea
}

.section_fixed_banner,
.section_auto_height {
	height: auto;
	min-height: 0
}

.section_fixed_banner .banner_wrap,
.section_fixed_banner .slider,
.section_fixed_banner .slider .scroller,
.section_fixed_banner .slider .slider_item,
.section_fixed_banner .banner_item .image_wrap {
	position: relative;
	height: auto;
	top: auto
}

.section_fixed_banner .banner_item .placeholder {
	padding-top: 50%
}

.section_wrap {
	padding-top: 105px
}

.banner_wrap {
	position: absolute;
	top: 105px;
	bottom: 0;
	left: 0;
	right: 0
}

.page_home .section_wrap,
.page_future_building .section_wrap,
.page_future_city .section_wrap,
.page_capital .section_wrap,
.page_about .section_wrap,
.page_news_detail .section_wrap {
	padding-top: 0
}

.page_app_products .section_wrap {
	padding-top: 105px
}

.banner_item {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%
}

.image_mask {
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	height: 100%;
	background-color: rgba(0, 0, 0, .55);
	-webkit-transform: translate3D(0, 0, 0);
	transform: translate3D(0, 0, 0)
}

.image_wrap {
	position: relative;
	height: 100%;
	background: none 50% 50% no-repeat;
	background-size: cover;
	overflow: hidden
}

.image_wrap_contain {
	background-size: contain
}

.image_contain {
	background-size: contain
}

.team_avatar i,
.item_grid .image_wrap i {
	display: block;
	padding-top: 100%;
	height: 0
}

.image_wrap img {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.image_wrap video {
	width: auto;
	height: auto;
	max-width: none;
	min-width: 100%;
	min-width: 100%;
	min-height: 100%;
	min-width: calc(100%+1px);
	min-height: calc(100%+1px);
	position: absolute;
	left: 0;
	top: 0
}

.image_wrap video {
	background-color: rgba(0, 0, 0, 0) !important;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease
}

.image_wrap video.video_loading {
	opacity: 0
}

.banner_item .bottomm_title_wrap {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 419px;
	color: #fff
}

.bottomm_title_wrap .title_mask {
	background: url(../image/84.png) 0 0 repeat-x;
	mix-blend-mode: multiply;
	background-size: auto 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.bottomm_title_wrap h2 {
	font-size: 2.25em;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin-bottom: 105px;
	padding: 0 42px;
	line-height: 1.3;
	font-weight: 400
}

.bottomm_title_wrap h2 b,
.bottomm_title_wrap h2 span {
	display: inline-block
}

.map {
	height: 450px;
}

#pages {
	padding: 14px 0 10px;
	text-align: -webkit-center;
	font-size: 14px;
}

#pages a {
    display: inline-block;
    font-size: 1.25em;
    color: #b3b3b3;
    vertical-align: middle;
    padding: .8em;
}

#pages a.a1 {
	width: 56px;
	padding: 0
}
#pages a:first-child{
    display: none;
}
/*#pages a:hover {*/
/*	background: #f1f1f1;*/
/*	color: #000;*/
/*	text-decoration: none*/
/*}*/

#pages span {
    display: inline-block;
    font-size: 1.25em;
    vertical-align: middle;
    padding: .8em;
    color: #808080;
}

.page .noPage {
	display: inline-block;
	width: 56px;
	height: 30px;
	line-height: 30px;
	background: url(http://test.witbee.cn/static/img/icu/titleBg.png) repeat-x 0 -55px;
	border: 1px solid #e3e3e3;
	text-align: center;
	color: #a4a4a4;
}

@media only screen {
	.bottomm_title_wrap .title_mask {
		background-image: url(../image/B.svg)
	}

	.image_wrap video {
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}
}

.banner_item .image_wrap {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-position: 50% 90%;
	background-position: 50% 50%
}

.banner_item .block_width,
.banner_item .block_width_padding {
	position: relative;
	height: 100%
}

.banner_item .title_wrap {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	-webkit-transform: translate3D(0, 0, 0);
	transform: translate3D(0, 0, 0);
	max-width: 1440px;
	margin: 0 auto
}

.banner_item .middle {
	position: relative
}

.banner_item .title_wrap h2 {
	font-size: 4.375em;
	line-height: 1.2857
}

.banner_item .title_wrap h3 {
	font-size: 3em;
	line-height: 1.45
}

.language_en .banner_item .title_wrap h3 {
	font-weight: 400;
	font-size: 3.75em;
	line-height: 1.16;
	margin-bottom: 1em
}

.language_en .banner_item .title_wrap h3 span {
	display: block
}

.section_title {
	text-align: center;
	font-size: 1.5em;
	line-height: 1.38;
	font-weight: normal;
	text-transform: uppercase
}

.content_padding {
	padding-top: 130px;
	padding-bottom: 135px
}

.content_center,
body .content_center h4.section_title,
body .content_center h2.section_title {
	text-align: center
}

.section_title {
	padding-top: 160px;
	padding-bottom: 60px;
	padding-bottom: 90px
}

.content_padding .section_title {
	padding-top: 0
}

.content_text {
	line-height: 1.625
}

.no_transition .title_wrap {
	opacity: 1
}

.banner_wrap .scroller_pagination {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 5%;
	text-align: center
}

.scroller_pagination .scroller_arrow {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*display: inline;
	zoom: 1;
	height: 3px
}

.scroller_pagination .scroller_arrow .scroller_arrow_box {
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	right: 100%;
	top: -13px;
	cursor: pointer
}

.scroller_pagination .scroller_arrow i {
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	height: 100%;
	background: url(../image/8a.png) 0 100% no-repeat;
	background-size: 200%;
	-webkit-transition: opacity .5s ease-out;
	transition: opacity .5s ease-out;
	opacity: .2
}

.scroller_pagination .scroller_arrow_next .scroller_arrow_box {
	right: auto;
	left: 100%
}

.scroller_pagination .scroller_arrow_next i {
	background-position: 100% 100%
}

.web .scroller_pagination .scroller_arrow:hover i,
.scroller_pagination .scroller_arrow.active i {
	opacity: 1
}

.scroller_pagination b {
	display: inline-block;
	vertical-align: middle;
	*display: inline;
	zoom: 1;
	width: 72px;
	padding: 10px 5px;
	cursor: pointer
}

.scroller_pagination em {
	height: 3px;
	position: relative;
	display: block;
	background-color: rgba(255, 255, 255, .2);
	-webkit-transition: background .6s ease;
	transition: background .6s ease;
	overflow: hidden
}

.scroller_pagination b:hover em {
	background-color: rgba(255, 255, 255, .4)
}

.scroller_pagination b i {
	display: block;
	height: 100%;
	top: 0;
	left: 0;
	width: 0;
	background: #fff;
	position: absolute
}

.scroller_pagination b i.right {
	left: auto;
	right: 0
}

@-webkit-keyframes title_show {
	0% {
		-webkit-transform: translate(0, 100%);
		opacity: 0
	}

	100% {
		-webkit-transform: translate(0, 0);
		opacity: 1
	}
}

@keyframes title_show {
	0% {
		transform: translate(0, 100%);
		opacity: 0
	}

	100% {
		transform: translate(0, 0);
		opacity: 1
	}
}

.bg_image {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-size: cover
}

.figure_image {
	position: absolute;
	top: 0;
	height: 100%;
	left: 50%;
	margin-left: -1050px;
	width: 2100px;
	background-size: 100%
}

.load_more_wrap {
	text-align: center
}

.slider_tip {
	font-size: 1.875em;
	font-weight: 500
}

.tip {
	background-color: #fff;
	padding: .2em 1em;
	border-radius: 2em;
	font-size: .85em;
	display: inline-block;
	line-height: 1.5
}

.tip {
	position: fixed;
	-webkit-transition: transform .3s ease, opacity .3s ease;
	transition: transform .3s ease, opacity .3s ease;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	opacity: 0
}

.tip_show {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.button_more {
	border: 1px solid #83b42c;
	background-color: #83b42c;
	color: #ffffff;
	line-height: 1;
	-webkit-border-radius: 2em;
	border-radius: 2em;
	display: inline-block;
	padding: .4em 1.2em;
	padding-right: 1em;
	-webkit-transition: background-color .3s ease;
	transition: background-color .3s ease
}

.button_more:after {
	content: "";
	display: inline-block;
	background: url(http://wanbin.allectra.cn/uploads/right.svg) 50% 50% no-repeat;
	width: 11px;
	height: 12px;
	vertical-align: baseline;
	margin-left: 1.875em
}

.web .button_more:hover,
.button_more.active {
	background-color: #fff
}

.button_more_text_white {
	color: #fff
}

.web .button_more_text_white:hover,
.button_more_text_white.active {
	color: #83b42c
}

.button_more_text_white:after {
	background-image: url(../image/e.svg)
}

.web .button_more_text_white:hover:after,
.button_more_text_white.active:after {
	background-image: url(../image/y.svg)
}

.language_en .text_language_zh {
	display: none
}

.content_mobile,
.image_mobile {
	display: none
}

.top_nav {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	background-color: #fff;
	z-index: 4000;
	border-bottom: 1px solid rgba(0, 0, 0, 0);
	background-clip: padding-box;
	-webkit-transition: border-bottom-color .5s ease;
	transition: border-bottom-color .5s ease
}

.page_terms .top_nav,
.show_nav_line .top_nav {
	border-bottom: 1px solid #ebebeb;
	border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.show_nav .top_nav {
	border-bottom: 1px solid #b3b3b3
}

.top_nav .block_width_padding {
	margin-top: 19px;
	margin-bottom: 17px;
	height: 69px;
	position: relative
}

.logo {
	background: url(../image/5.svg) 0 50% no-repeat;
	background-size: auto 100%!important;
	width: 240px;
	height: 45px;
	display: block
}

.language_en .logo {
	width: 160px
}
.page_contact .map img{
	width:auto !important;
}

.logo_bottom {
	background: url(../image/6Y.png) 0 0 no-repeat;
	background-size: auto 100%;
	width: 30px;
	height: 29px;
	display: inline-block;
	margin-right: 2.5em;
	vertical-align: middle;
	width: 200px;
	height: 24px;
	background: url(../image/J.svg) 0 0 no-repeat;
	background-size: 200px;
	margin-right: 0
}

.language_en .logo_bottom {
	width: 132px
}

.nav_margin {
	margin-top: 105px
}

.logo_wrap {
	position: relative;
	height: 100%;
	display: block;
	float: left
}

.nav {
	float: right;
	text-align: right;
	line-height: 1
}

.nav .top_link {
	font-size: .75em
}

.nav .top_link a {
	display: inline-block;
	margin-left: 2.4em
}

.nav .link {
	position: absolute;
	right: 0;
	bottom: 0
}

.language_en .nav .link {
	font-size: .83em
}

.nav .link li {
	display: inline-block;
	vertical-align: bottom
}

.nav .link li.phone {
	font-size: 1.6em;
	font-size: 1.4em;
	color: #83b42c;
	font-weight: 600;
	margin-right: -.5em;
	line-height: .7;
	padding-left: 28px
}
.wbmore .phone {
	font-size:14px;
	color:#575d6c;
	line-height:21px;
	cursor: pointer;
	/*padding-left: 28px;*/
	/*background: url(../image/I.svg) 0 50% no-repeat*/
}
.wbmore .phone:hover{
    color: #83b42c;
}
/*.wbmore .phone b {*/
/*	display: block;*/
/*	width: 21px;*/
/*	height: 21px;*/
	
/*}*/
.nav .link li.phone b {
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -12px;
	width: 21px;
	height: 21px;
	background: url(../image/I.svg) 0 50% no-repeat
}

.nav .link a i {
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 6px solid #000;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	vertical-align: middle;
	margin-left: .4em;
	-webkit-transition: border-color:.3s ease;
	transition: border-color:.3s ease
}

.language_en .language_link_en,
.language_zh .language_link_zh {
	color: #808080
}

.nav .link a {
	display: block;
	margin-left: 2.57em;
	margin-left: 2em;
	color: #000
}

.web .nav .link a:hover,
.nav .link a.active,
.nav .c,
.page_future_building .nav .nav_item_solutions,
.page_future_building .nav .nav_item_future_building,
.page_future_city .nav .nav_item_solutions,
.page_future_city .nav .nav_item_future_city,
.page_future_capital .nav .nav_item_solutions,
.page_future_capital .nav .nav_item_future_capital,
.page_smart_device .nav .nav_item_products,
.page_app_products .nav .nav_item_products,
.page_news .nav .nav_item_media,
.page_news_detail .nav .nav_item_media,
.page_activity_detail .nav .nav_item_media,
.page_video .nav .nav_item_media,
.page_activity .nav .nav_item_media,
.page_about .nav .nav_item_about,
.page_contact .nav .nav_item_about,
.page_jobs .nav .nav_item_about {
	color: #000
}

.nav_language {
	display: none
}

.web .nav .link a:hover i,
.nav .link a.active i {
	border-top-color: #000
}

.nav_pannel {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	background-color: #fff;
	overflow: hidden;
	padding-bottom: 4em;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
	z-index: 99;
	visibility: hidden;
	height: 495px;
}

.show_m_nav .nav_pannel,
.show_nav .nav_pannel {
	pointer-events: all;
	opacity: 1;
	visibility: visible
}

.nav_pannel .block_width_padding {
	height: auto
}

.nav_pannel .nav_item {
    width: 100%;
    overflow: hidden;
	display: none
}
.navleft{
    width: 24%;
    float: left;
    border-right: 1px solid #ddd;
}
.navright{
    width: 72%;
    float: right;
}

.show_nav_solutions .nav_solutions,
.show_nav_products .nav_products,
.show_nav_media .nav_media,
.show_nav_about .nav_about {
	display: block
}

.nav_pannel h2 {
	font-size: 1.71em;
	padding-bottom: .8em
}

.nav_pannel a {
	color: #000;
	display: block;
	padding: .5em 0
}

.web .nav_pannel a:hover,
.nav_pannel a.active {
	color: #000
}

.body_wrap .footer {
	background-color: #000;
	height: auto;
	line-height: 1.6;
	display: block;
	-moz-osx-font-smoothing: initial;
	-webkit-font-smoothing: initial;
	min-height: 0;
	font-size: .75em;
	line-height: 2;
	text-rendering: initial;
	-moz-osx-font-smoothing: initial;
	-webkit-font-smoothing: initial;
	overflow: visible
}

.footer .block_width_padding {
	padding-top: 70px
}

.footer .footer_col_wrap {
	overflow: hidden
}

.footer ul {
	margin-bottom: 1em
}

.footer h2 {
	font-size: 18px;
	font-weight: normal
}

.footer a {
	color: #fff;
	font-size: 14px;
}

.footer,
.footer_col_gray a {
	color: #808080
}

.footer_col {
	text-transform: uppercase;
	width: 33.33%;
	float: left
}

.footer .copyright {
	margin-top: 8.2em;
	padding: 2em 0;
	clear: both;
	border-top: 1px solid #808080;
	color: #fff;
	position: relative
}

.footer .copyright_text {
	position: absolute;
	top: 1.7em;
	left: 30px;
	padding-left: 2.5em;
	line-height: 1.6;
	position: static;
	left: 0;
	padding-left: 0;
	margin-top: 1em;
	color: #999;
}
.footer .copyright_text a:first-child{
    display: none;
}
.bottom_text {
	float: right;
	line-height: 1.5;
	position: absolute;
	right: 0;
	top: 5em;
	color: #999;
}

.bottom_text .phone_number {
	font-size: 1.5em;
	color: #83b42c;
	font-weight: 300;
	margin-left: .3em;font-weight: bold;
	display: inline-block
}

.bottom_text .text_item,
.bottom_text a {
	margin: 0 2em;
	display: inline-block
}

.bottom_text .icon_weixin {
	margin-left: 2em
}

.web .footer a:hover,
.footer a.active {
	color: #83b42c
}

.sub_nav_wrap {
	position: relative
}

.sub_nav {
	background-color: #333;
	background-color: rgba(0, 0, 0, .8);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	text-align: right
}

.sub_nav_white {
	background-color: #fbfbfb;
	background-color: rgba(255, 255, 255, .8)
}

.page_news_detail .sub_nav {
	background-color: #e5e5e5;
	background-color: rgba(229, 229, 229, .8)
}

.sub_nav .block_width_padding {
	margin-top: 0;
	margin-bottom: 0;
	height: auto
}

.sub_nav li {
	display: inline-block
}

.sub_nav ul {
	margin-right: -1.5em
}

.sub_nav a {
	color: #9a9a9a;
	padding: 1.15em 1.5em 1.16em;
	display: inline-block;
	line-height: 1
}

.sub_nav_white a {
	color: #000
}

.sub_nav a.c,
.sub_nav a:hover,
.page_future_building .sub_nav .nav_item_future_building,
.page_future_city .sub_nav .nav_item_future_city,
.page_capital .sub_nav .nav_item_capital,
.sub_nav .nav_item_about,
.page_contact .sub_nav .nav_item_contact,
.page_jobs .sub_nav .nav_item_jobs {
	color: #fff
}

.sub_nav_white a.c,
.sub_nav_white a:hover,
.page_news .sub_nav .nav_item_news,
.page_sub_type_news .sub_nav .nav_item_news,
.page_sub_type_thunder .sub_nav .nav_item_thunder,
.page_sub_type_activity .sub_nav .nav_item_activity,
.page_activity_detail .sub_nav .nav_item_news,
.page_video .sub_nav .nav_item_video,
.page_activity .sub_nav .nav_item_activity {
	color: #000
}

.icon_weixin {
	position: relative;
	display: inline-block
}

.icon_weixin i {
	width: 26px;
	height: 26px;
	display: inline-block;
	vertical-align: middle;
	background: url(../image/v.png) 0 0 no-repeat;
	background-size: 100%;
	cursor: pointer;
	opacity: .8;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease
}

.icon_weixin:hover i {
	opacity: 1
}

.qrcode_wrap {
	padding: 10px;
	padding-right: 0;
	background-color: #fff;
	display: block;
	cursor: default;
	margin-bottom: 15px;
	text-align: center;
	right: 0;
	bottom: 100%;
	position: absolute;
	display: none;
	white-space: nowrap;
	color: #808080
}

.icon_weixin:hover .qrcode_wrap {
	display: block
}

.qrcode_wrap .qrcode {
	display: inline-block;
	margin: 0 10px 0 0;
	width: 120px;
	vertical-align: top
}

.qrcode_arrow {
	position: absolute;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top-color: #fff;
	right: 5px;
	top: 100%
}

.qrcode_wrap .qrcode img {
	width: 100%;
	height: 100%
}

.qrcode_wrap .qrcode b {
	display: block;
	width: 120px;
	height: 120px;
	margin-bottom: .5em
}

.nav_handle {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 27px;
	padding: 0 27px;
	cursor: pointer
}

.nav_handle b {
	width: 27px;
	height: 10px;
	position:absolute;
	top: 20px;
	right: 20px;
}

.nav_handle b i {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	height: 2px;
	background-color: #868686;
	top: 0;
	-webkit-transform-origin: 29% 50%;
	transform-origin: 29% 50%;
	transition: all .3s ease;
	-webkit-transition: all .3s ease
}

.web .nav_handle:hover b i,
.nav_handle.active b i {
	background-color: #000
}

.nav_handle b .l_2 {
	top: auto;
	bottom: 0
}

.show_m_nav .nav_handle .l_1 {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.show_m_nav .nav_handle .l_2 {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

@media only screen {
	.logo {
		background-image: url(http://test.witbee.cn/s/K.svg)
	}

	.logo_bottom {
		background-image: url(../image/7.svg);
		background-image: url(../image/J.svg)
	}
}

@media only screen and (max-width:414px) {

	.sub_nav_wrap,
	.top_nav .nav {
		display: none
	}

	.nav_language {
		display: block
	}

	.top_nav {
		-webki-transform: none !important;
		transform: none !important
	}

	.language_en body .top_nav {
		min-width: 0
	}

	.top_nav .nav_wrap .block_width_padding {
		height: 45px;
		padding: 3px 30px;
		margin: 0
	}

	.logo {
		background-size: auto 40px !important;
		width: 180px;
		height: 45px
	}

	.language_en .logo {
		width: 115px
	}

	.show_m_nav {
		overflow: hidden
	}

	.nav_handle {
		display: block
	}

	.banner_wrap {
		top: 0
	}

	.nav_wrap {
		position: relative;
		z-index: 1000;
		background-color: #fff
	}

	.nav_pannel {
		padding: 41px 0 0;
		height: 100vh;
		display: block;
		bottom: 100%;
		top: auto;
		pointer-events: none;
		opacity: 1;
		-webkit-transition: transform .3s ease-out;
		transition: transform .3s ease-out
	}

	.show_m_nav .nav_pannel {
		pointer-events: all;
		transform: translate3D(0, 100%, 0);
		-webkit-transform: translate3D(0, 100%, 0)
	}

	.nav_pannel .block_width_padding:before,
	.nav_pannel .nav_item:after {
		height: 1px;
		display: block;
		content: "";
		background-color: #e6e6e6;
		position: absolute;
		left: 0;
		right: 0;
		top: 0
	}

	.nav_pannel .nav_item:after {
		top: auto;
		bottom: 0
	}

	.top_nav .nav_pannel .nav_language:after {
		display: none
	}

	.nav_pannel .nav_item {
		display: block;
		float: none;
		text-align: left;
		color: #999;
		position: relative
	}

	.nav_pannel .block_width_padding {
		margin: 0 30px;
		padding: 1.1em 0;
		position: relative
	}

	.nav_pannel h2 {
		padding: .95em 0;
		font-size: 2em;
		line-height: 1;
		font-weight: 400;
		cursor: pointer;
		-webkit-transition: all .3s ease-out;
		transition: all .3s ease-out
	}

	.nav_pannel h2 a {
		padding: 0;
		color: #4d4d4d
	}

	.nav_pannel li a {
		font-size: 1.5em;
		padding: .28em 0
	}

	.nav_pannel ul {
		height: 0;
		overflow: hidden;
		opacity: 0;
		-webkit-transition: all .3s ease-out;
		transition: all .3s ease-out
	}

	.nav_pannel ul li:last-child {
		margin-bottom: 1.8em
	}

	.nav_item_open ul {
		height: auto;
		opacity: 1
	}

	.nav_item_open h2 {
		color: #4d4d4d
	}

	.body_wrap .footer {
		font-size: .9em
	}

	.footer .block_width_padding {
		padding-top: 44px
	}

	.footer_col_left {
		width: 67%;
		width: 50%
	}

	.footer_col_right {
		width: 33%;
		width: 50%;
		float: right
	}

	.footer .copyright {
		margin-top: 2em;
		padding: 1em 0;
		text-align: center;
		color: #cbcbcb
	}

	.footer .copyright_text {
		position: static;
		margin: 0;
		padding: 1em 0 0;
		left: 0;
		top: 0
	}

	.footer .copyright a {
		color: #cbcbcb
	}

	.bottom_text .phone_number {
		font-size: 1.3333em
	}

	.logo_bottom {
		width: 160px;
		background-position: 0 50%;
		background-size: auto 13px
	}

	.language_en .logo_bottom {
		width: 100px
	}

	.copyright .author {
		display: none
	}

	.bottom_text {
		float: none;
		padding: 1em 0;
		position: static
	}

	.bottom_text .text_item,
	.bottom_text a {
		margin: 0 1em
	}

	.bottom_text .icon_weixin {
		margin-left: 1em
	}

	.icon_weixin i {
		width: 22px;
		height: 22px
	}

	.qrcode_wrap .qrcode {
		width: 100px;
		font-size: .8em;
		display: block
	}

	.qrcode_wrap .qrcode b {
		width: 100px;
		height: 100px
	}
}

@media only screen and (max-width:1020px) {
	.language_en .nav .link a {
		margin-left: 1em
	}

	.language_en .nav .link li.phone {
		margin-right: 0;
		font-size: 1.2em;
		line-height: inherit;
		padding-left: 25px
	}
}

@media only screen and (max-width:380px) {
	.bottom_text .sep_1 {
		display: none
	}

/* 	.bottom_text .icon_weixin {
		margin-left: 0;
		margin-top: 1em;
		display: block
	} */
}

@media only screen and (max-width:370px) {
	.nav_pannel {
		font-size: .8em
	}
}

.slider {
	position: relative;
	user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	overflow: hidden
}

.slider img {
	user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	width: 100%;
	max-width: none
}

.slider .scroller {
	position: relative;
	width: 1000%;
	height: 100%;
	white-space: nowrap
}

.slider .slider_item {
	position: relative;
	height: 100%;
	width: 10%;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: top;
	white-space: normal
}

.slider_vertical .scroller {
	position: relative;
	height: 1000%;
	width: auto
}

.slider_vertical .slider_item {
	display: block;
	position: relative;
	width: auto;
	height: 10%
}

.dot_wrap,
.dot_ripple_wrap {
	opacity: 0;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease
}

.item_show_dot .dot_ripple_wrap {
	opacity: 1
}

.dot_ripple {
	opacity: 0;
	-webkit-animation: ripple 4.5s 0s ease-out infinite both;
	animation: ripple 4.5s 0s ease-out infinite both;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scale(0);
	transform: scale(0);
	visibility: hidden
}

.item_dot .dot_ripple {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

.item_0 .dot_ripple {
	-webkit-animation-delay: 0s !important;
	animation-delay: 0s !important
}

.item_1 .dot_ripple {
	-webkit-animation-delay: .9s !important;
	animation-delay: .9s !important
}

.item_2 .dot_ripple {
	-webkit-animation-delay: 1.8s !important;
	animation-delay: 1.8s !important
}

.item_3 .dot_ripple {
	-webkit-animation-delay: 2.7s !important;
	animation-delay: 2.7s !important
}

.item_4 .dot_ripple {
	-webkit-animation-delay: 3.6s !important;
	animation-delay: 3.6s !important
}

.dot_ripple_1 {
	-webkit-animation-delay: .9s;
	animation-delay: .9s
}

.dot_ripple_2 {
	-webkit-animation-delay: 1.8s;
	animation-delay: 1.8s
}

@-webkit-keyframes ripple {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1);
		visibility: visible
	}

	5% {
		opacity: 1;
		visibility: visible
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		visibility: visible
	}
}

@keyframes ripple {
	0% {
		opacity: 0;
		transform: scale(.1);
		visibility: visible
	}

	5% {
		opacity: 1;
		visibility: visible
	}

	100% {
		opacity: 0;
		transform: scale(1);
		visibility: visible
	}
}

.banner_item .number_wrap {
	color: #83b42c
}

.number_item {
	display: block;
	color: #83b42c;
	white-space: nowrap
}

.number_item b {
	color: #fff;
	font-size: 4.375em;
	font-weight: 200;
	display: block;
	margin-top: .4em
}

.number_text u {
	display: inline-block;
	text-decoration: none;
	width: .55em
}

.number_text .sep {
	text-align: left;
	width: .3em
}

.section_home .number_item span {
	display: block;
	margin-top: .8em
}

.section_home .number_item {
	width: 33%;
	display: inline-block
}

@media only screen and (max-width:1350px) {
	.banner_item .title_wrap h3 {
		margin-bottom: 1em
	}

	.section_home .number_item {
		display: block;
		width: auto
	}
}

@media only screen and (max-height:800px) {
	.banner_item .title_wrap h3 {
		font-size: 2em
	}

	.section_home .number_item b {
		font-size: 3.5em
	}
}

@media only screen and (min-width:415px) and (max-height:710px) {

	.page_home .section,
	.page_home .sticky_wrap .figure_image {
		min-height: 710px
	}

	.body_wrap .footer {
		min-height: 0
	}
}

.section_fill_height .block_width,
.section_fill_height .block_width_padding {
	position: relative;
	height: 100%
}

.page_home .section_fill_height {
	min-height: 950px
}

.section_fill_height .section_title,
.section_fill_height .content_padding {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	bottom: 0
}

.page_home .sticky_wrap .content_padding {
	padding-top: 145px
}

.section_sticky_wrap {
	height: 500%;
	position: relative
}

.section_sticky_wrap .sticky_item_placeholder {
	pointer-events: none
}

.section_sticky_wrap .sticky_item_placeholder,
.section_sticky_wrap .sticky_item {
	height: 14.3%;
	min-height: 14.3%;
	height: 20%;
	min-height: 20%;
	position: relative
}

.section_sticky_wrap .sticky_item {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

.opacity_trans_wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.section_sticky_wrap .section_future_building {
	opacity: 1
}

.section_sticky_wrap .section_fixed_title {
	color: #fff;
	opacity: 1;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 100;
	height: 14.3%;
	height: 20%;
	min-height: 0;
	pointer-events: none
}

.section_sticky_wrap .section_title {
	padding-top: 72px
}

.section .button_wrap {
	margin-top: 1em
}

.section_about {
	background-color: #1d3961;
	color: #fff;
	height: auto
}

.section_about .map_wrap {
	position: relative
}

.section_about .map {
	margin-right: 200px
}

.section_about .map_inner {
	position: relative;
	height: 100%
}

.section_about .number_items {
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 2%
}

svg {
	width: 100%;
	height: 100%
}

.section_about .number_wrap {
	text-align: right;
	margin-left: auto;
	padding: 8% 0 15% 15%;
	float: right
}

.section_about .content_text {
	text-align: justify
}

.section_about .button_wrap {
	margin-top: 3.5em;
	text-align: center
}

.content_block {
	width: 50%;
	position: relative
}

.content_block_title {
	font-size: 2em;
	font-weight: normal
}

h2.content_block_title {
	font-size: 3em;
	padding-bottom: .5em
}

.page_home h2.content_block_title {
	padding: 0
}

.language_en h2.content_block_title,
.language_en .page_home .zh {
	display: none
}

h4.content_block_title {
	font-size: 1.875em;
	color: #83b42c;
	line-height: 1.2
}

.content_block .content_text {
	margin: 2.8em 0
}

.figure_image_mask {
	position: absolute;
	left: 110%;
	top: 0;
	width: 560px;
	margin-top: -3%
}

.figure_image_mask svg {
	height: auto
}

.section_future_city .figure_image_mask {
	left: auto;
	right: 110%;
	margin-top: 0
}

.section_future_capital .figure_image_mask {
	left: 93%;
	width: 740px;
	margin-top: -14%
}

.section_future_capital h4.content_block_title {
	text-transform: capitalize
}

.arrow_detail {
	width: 14px;
	height: 14px;
	display: inline-block;
	background: url(../image/8.svg) 0 0 no-repeat;
	vertical-align: middle
}

.section_about .content_text {
	margin: 0 auto;
	max-width: 650px;
	padding-top: 8%
}

.feature .item {
	width: 49%;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-bottom: 2.375em
}

.feature span {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5;
	margin-left: 50px;
	padding: .25em 1.8em .25em 1em
}

.feature i {
	width: 50px;
	height: 50px;
	background: url(../image/c.svg) 0 0 no-repeat;
	background-size: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -25px;
	vertical-align: middle;
	margin-right: 1em
}

.feature .i_1 {
	background-position: 0 -50px
}

.feature .i_2 {
	background-position: 0 -100px
}

.feature .i_3 {
	background-position: 0 -150px
}

.feature .i_4 {
	background-position: 0 -200px
}

.feature .i_5 {
	background-position: 0 -250px
}

.feature .i_6 {
	background-position: 0 -300px
}

.feature .i_7 {
	background-position: 0 -350px
}

.section_content_block_right .content_block,
.section_future_city .content_block {
	margin-left: 50%
}

.section_future_building,
.section_future_building .figure_image,
.page_future_building .section_sub_page_top {
	color: #fff;
	background-color: #333
}

.section_future_city,
.section_future_city .figure_image,
.page_future_city .section_wrap .section_sub_page_top {
	color: #fff;
	background-color: #94969f
}

.section_future_capital,
.section_future_capital .figure_image {
	color: #fff;
	background-color: #142742
}

.section_products,
.section_products .figure_image {
	background-color: #f6f6f6
}

.section_products .scroller_wrap {
	position: relative;
	height: 100%
}

.section_products .figure_image {
	position: absolute;
	top: 0;
	bottom: 0;
	background-size: contain;
	margin: 0
}

.section_products .figure_image,
.section_products .scroller_pagination_wrap {
	left: 55%;
	width: 490px
}

.section_products .content_padding {
	width: 50%;
	z-index: 1;
	padding-top: 220px
}

.section_products .section_title {
	z-index: 10;
	padding-top: 105px;
	height: auto;
	bottom: auto
}

.section_products .content_padding .content_block {
	width: 100%
}

.section_products .image_mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background-color: #f6f6f6
}

.page_home .section_products .scroller_pagination b {
	width: 55px;
	padding-left: 0;
	padding-right: 0
}

.page_home .section_products .scroller_pagination em {
	background-color: #000
}

.page_home .section_products .scroller_pagination i {
	display: none
}

.page_home .section_products .scroller_pagination .c i {
	width: 100% !important;
	display: block
}

.section_products .image_mask i {
	position: absolute;
	top: 0;
	left: 100%;
	width: 50px;
	height: 100%;
	background: url(../image/80.png) 0 0 repeat-y
}

.section_media {
	height: auto;
	background-color: #e5e5e5
}

.section_media .section_title {
	padding-bottom: 130px
}

.column_wrap {
	margin: 0 12px
}

.column_wrap .column {
	display: inline-block;
	width: 33%;
	vertical-align: top
}

.news_list_wrap .item {
	margin: 0 10px 20px;
	display: block;
	line-height: 1.38;
	overflow: hidden;
	-webkit-transition: box-shadow .3s ease-out, -webkit-transform .3s ease-out;
	transition: box-shadow .3s ease-out, transform .3s ease-out;
	width: 48%;
}
#pagess{
    display: flex;
    justify-content: center;
    padding: 10px 0;
}
#pagess li{
    padding: 0 15px;
}
#pagess li a{
    color: #b3b3b3;
}
#pagess li.active a{
    color: #000;
}
.news_list_wrap .item:hover,
.news_list_wrap .item.active {
	
	-webkit-transform: translate(0, -2px);
	transform: translate(0, -2px)
}

.news_list_wrap .item .item_content,
.news_list_wrap .image_wrap {
	background-color: #fff;
	height: auto;
	background-position: top center;
}

.news_list_wrap .item_black .item_content {
	background-color: #000;
	color: #fff
}

.news_list_wrap .item_blue .item_content {
	background-color: #1d3961;
	color: #fff
}

.news_list_wrap .item_gray .item_content {
	background-color: #808080;
	color: #fff
}

.news_list_wrap .item .label {
	color: #83b42c
}

.news_list_wrap .item_video .label {
	color: #3a557e
}

.news_list_wrap .item_activity .label {
	color: #ff801e
}

.news_list_wrap .item .time {
	color: #808080
}

.news_list_wrap .item_black .time,
.news_list_wrap .item_gray .time {
	color: #e6e6e6
}

.news_list_wrap .item .item_content {
	padding: 1.55em 1.625em 5.8em
}

.news_list_wrap .item .item_summary {
	font-size: .875em
}

.news_list_wrap .item .item_title {
	font-size: 1.125em;
	margin: 1em 0 0;
	padding: 0
}

.news_list_wrap .item .item_text {
	font-size: .875em;
	margin-top: 1em;
	display: none;
	line-height: 1.42
}

.page_home .section_media .load_more_wrap {
	padding-top: 50px
}

.section .slider_item {
	overflow: hidden
}

.section .scroller_pagination_wrap {
	bottom: 0;
	text-align: center;
	position: absolute;
	padding-bottom: 7%
}

.section .scroller_pagination_wrap i {
	background-color: #83b42c
}

.scroller_pagination_wrap .slider_tip_wrap {
	padding-bottom: 1.2em
}

.section_sticky_wrap .placeholder_opacity_trans_1 {
	height: 20%;
	min-height: 0
}

.section_sticky_wrap .placeholder_future_city {
	height: 20%;
	min-height: 0
}

.opacity_trans_wrap {
	-webkit-transition: opacity .4s ease;
	transition: opacity .4s ease
}

.section_hide .opacity_trans_wrap {
	opacity: 0
}

.section_future_city,
.section_future_capital,
.section .content_text,
.section_about .number_wrap span,
.content_block_title,
.content_block .content_text,
.section .feature,
.section .button_wrap,
.section .figure_image_mask,
.section .scroller_pagination_wrap {
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity .5s ease, -webkit-transform .5s ease-out;
	transition: opacity .5s ease, transform .5s ease-out;
	-webkit-transform: translate(0, 50px);
	transform: translate(0, 50px)
}

.section_home .title_wrap_number {
	-webkit-transform: translate(0, 50px);
	transform: translate(0, 50px);
	opacity: 0;
	pointer-events: none
}

.section_about .number_wrap b {
	opacity: 0;
	-webkit-transition: opacity .5s .3s ease;
	transition: opacity .5s .3s ease
}

.section_about .number_wrap span {
	display: block;
	-webkit-transform: translate(-50px, 0);
	transform: translate(-50px, 0)
}

.section .content_text {
	-webkit-transform: translate(0, 60px);
	transform: translate(0, 60px)
}

.section_about .content_text {
	padding-top: 0;
	margin-top: 0
}

.section .feature {
	-webkit-transform: translate(0, 70px);
	transform: translate(0, 70px)
}

.section .button_wrap {
	-webkit-transform: translate(0, 80px);
	transform: translate(0, 80px)
}

.section .figure_image_mask {
	-webkit-transform: translate(0, 90px);
	transform: translate(0, 90px)
}

.section_future_city,
.section_future_capital {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}

.section_future_city.section_show,
.section_future_capital.section_show {
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}

.section_future_city.section_show div,
.section_future_capital.section_show div,
.section_future_city.section_show h2,
.section_future_capital.section_show h2,
.section_future_city.section_show h3,
.section_future_capital.section_show h3 {
	-webkit-transition-delay: .7s;
	transition-delay: .7s
}

.content_text .content_block_title,
.content_text .button_wrap {
	opacity: 1
}

.section_show,
.section_show .number_wrap span,
.section_show .number_wrap b,
.section_show .content_block_title,
.section_show .content_text,
.section_show .figure_image,
.section_show .feature,
.section_show .button_wrap,
.section_show .scroller_pagination_wrap,
.section_show .figure_image_mask {
	pointer-events: all;
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}

._slider_clone_node .title_wrap_number,
._slider_clone_node .title_wrap {
	opacity: 1 !important;
	-webkit-transform: translate(0, 0) !important;
	transform: translate(0, 0) !important
}

.section svg .item,
.section line,
.section path,
.section circle,
.section text {
	opacity: 0;
	-webkit-transition: -webkit-transform .5s ease, opacity .5s ease;
	transition: transform .5s ease, opacity .5s ease
}

.item_dot circle,
.item_dot text,
.map svg circle {
	cursor: pointer
}

.city_name {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: -webkit-transform .2s ease-out, opacity .2s ease-out;
	transition: transform .2s ease-out, opacity .2s ease-out
}

.city_item_show_tip .city_name {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

.city_place {
	-webkit-transition: -webkit-transform .2s ease-out;
	transition: transform .2s ease-out
}

.city_item_show_tip .city_place {
	-webkit-transform: scale(1.8);
	transform: scale(1.8)
}

@media only screen and (max-width:414px) {
	.svg_position {
		-webkit-transform: translate(-50px, 0);
		transform: translate(-50px, 0)
	}

	.section_future_capital .svg_position {
		-webkit-transform: translate(50px, 0);
		transform: translate(50px, 0)
	}

	.page_home .section_sticky_wrap .section_fixed_title {
		background-color: #333
	}

	.page_home .section_sticky_wrap .section_fixed_title .section_title,
	.page_home .section_products .section_title {
		padding-top: 53px;
		padding-bottom: 0
	}

	.section_products .content_padding {
		padding-top: 30px
	}

	.page_home .sticky_item {
		position: relative !important;
		top: auto !important;
		width: auto !important;
		height: auto !important;
		min-height: 0 !important;
		opacity: 1 !important
	}

	.page_home .button_wrap {
		text-align: center
	}

	.page_home .section .content_text,
	.page_home .section_about .number_wrap span,
	.page_home .content_block_title,
	.page_home .content_block .content_text,
	.page_home .section .feature,
	.page_home .section .button_wrap,
	.page_home .section .figure_image_mask,
	.page_home .section .scroller_pagination_wrap {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

	.page_home .section_sticky_wrap {
		height: auto
	}

	.page_home .section_sticky_wrap .sticky_item_placeholder,
	.page_home .section_sticky_wrap .sticky_item {
		height: auto
	}

	.page_home .sticky_wrap .middle_holder {
		display: none
	}

	.page_home .opacity_trans_wrap {
		opacity: 1;
		position: relative
	}

	.page_home .section_fill_height .section_title,
	.page_home .section_fill_height .content_padding {
		position: relative
	}

	.page_home .section_products .bg_slider {
		position: relative;
		height: auto;
		margin-top: 10px
	}

	.page_home .section_products .figure_image {
		margin: 0;
		background-size: contain
	}

	.page_home .section_products .figure_image,
	.page_home .section_products .scroller_pagination_wrap {
		left: 0;
		width: 100%;
		position: relative
	}

	.section_products .scroller_pagination_wrap {
		padding-bottom: 60px
	}

	.page_home .section_products .scroller_pagination b {
		width: 35px
	}

	.page_home .section_products .bg_slider .figure_image .placeholder {
		display: block
	}

	.section_products .image_mask {
		display: none
	}

	.section_products .scroller_pagination_wrap .slider_tip_wrap .slider_tip {
		font-size: 1.25em
	}

	.section_products .content_padding {
		padding-bottom: 0;
		width: auto
	}

	.section_products .slider_item {
		overflow: visible
	}

	.section_future_capital h4.content_block_title {
		font-size: 1.5em;
		text-align: left
	}

	.figure_image_wrap {
		margin: 50px -30px 0;
		position: relative
	}

	.body_wrap .figure_image_wrap .figure_image_mask {
		left: 30px;
		right: 30px;
		margin: -6% 0 0;
		width: auto
	}

	.body_wrap .section_future_capital .figure_image_mask {
		margin-top: 5%
	}

	.page_home .feature i {
		width: 32px;
		height: 32px;
		margin-top: -16px
	}

	.page_home .feature span {
		padding-left: 0;
		padding-right: 0;
		font-size: .9em;
		margin-left: 46px
	}

	.page_home .feature .i_1 {
		background-position: 0 -32px
	}

	.page_home .feature .i_2 {
		background-position: 0 -64px
	}

	.page_home .feature .i_3 {
		background-position: 0 -96px
	}

	.page_home .feature .i_4 {
		background-position: 0 -128px
	}

	.page_home .feature .i_5 {
		background-position: 0 -160px
	}

	.page_home .feature .i_6 {
		background-position: 0 -192px
	}

	.page_home .feature .i_7 {
		background-position: 0 -224px
	}

	.section .banner_item .title_wrap h3 {
		font-size: 2.45em
	}

	.section_home .scroller_pagination {
		bottom: 0;
		margin-bottom: 8%
	}

	.banner_item .bottomm_title_wrap {
		height: 340px
	}

	.bottomm_title_wrap h2 {
		font-size: 1.75em;
		margin-bottom: 22%
	}

	.bottomm_title_wrap h2 b,
	.bottomm_title_wrap h2 span {
		display: block
	}

	.section_about .map {
		position: relative;
		margin-right: 0
	}

	.body_wrap .section_about .map_inner {
		width: auto
	}

	.section_about .number_items {
		position: static;
		margin: -18% 0 0
	}

	.section_about .number_wrap {
		float: none;
		text-align: center;
		padding: 0
	}

	.section_about .content_text {
		margin: 16% auto 0
	}

	.section_about .number_item {
		width: 49%;
		display: inline-block
	}

	.section_about .number_item b {
		font-size: 4em
	}

	.section_about .number_item span {
		font-size: .75em
	}
}

@media only screen and (max-width:400px) {
	.section_home .banner_item .title_wrap h3 {
		font-size: 2.2em
	}

	.body_wrap .section_about .number_item b,
	.section_home .number_item b {
		font-size: 3em
	}
}

@media only screen and (max-width:375px) {
	.section_home .banner_item .title_wrap h3 {
		font-size: 2em
	}

	.body_wrap .section_about .number_item b,
	.section_home .number_item b {
		font-size: 2.8em
	}
}

@media only screen and (max-width:340px) {

	.bottomm_title_wrap h2,
	.section_home .banner_item .title_wrap h3 {
		font-size: 1.6em
	}

	.body_wrap .section_about .number_item b,
	.section_home .number_item b {
		font-size: 2.4em
	}
}


.mp_player {
	position: relative;
	overflow: hidden;
	background-color: #000
}

.mp_player_placeholder {
	display: block;
	padding-top: 56.25%;
	height: 0
}

.mp_hidden {
	display: none
}

.mp_video_containter,
.mp_video_cover,
.mp_controls,
.mp_video_containter video,
.mp_video_containter object {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	user-select: none;
	-webkit-user-select: none;
	height: 100%;
	width: 100%
}

.mp_video_cover {
	background: none 50% 50% no-repeat;
	background-size: cover;
	transition: opacity .5s;
	-webkit-transition: opacity .5s
}

.mp_video_play {
	background: rgba(0, 0, 0, .5) url(../image/7Y.png) 50% 50% no-repeat;
	background-size: 228px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-webkit-transition: opacity .5s ease, background-color .5s ease;
	transition: opacity .5s ease, background-color .5s ease;
	opacity: 1
}

.web .mp_video_play:hover,
.mp_player.active .mp_video_play {
	opacity: .7;
	background-color: rgba(0, 0, 0, 0)
}

.mp_video_loading {
	transition: opacity .5s;
	-webkit-transition: opacity .5s;
	opacity: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	background: url(../image/H.gif) 50% 50% no-repeat;
	background-size: 100%;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	cursor: default;
	display: none
}

@media only screen {
	.mp_video_loading {
		background-image: url(../image/7m.png);
		opacity: 0;
		display: block
	}
}

@keyframes loading {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg)
	}
}

.mp_controls {
	transition: opacity .35s cubic-bezier(0.0, 0.0, 0.2, 1);
	-webkit-transition: opacity .35s cubic-bezier(0.0, 0.0, 0.2, 1);
	opacity: 0;
	display: none
}

.mp_player_fullscreen .mp_controls {
	z-index: 2147483647;
	display: block !important;
	opacity: 1 !important
}

.mp_player_fullscreen {
	position: fixed !important;
	margin: 0 !important;
	padding: 0 !important;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	z-index: 6000;
	display: block !important
}

.mp_control_bar {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 40px;
	transition: opacity .35s cubic-bezier(0.0, 0.0, 0.2, 1);
	-webkit-transition: opacity .35s cubic-bezier(0.0, 0.0, 0.2, 1)
}

.mp_gradient_bg {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 98px;
	pointer-events: none;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) 50% 100% repeat-x;
	*background-image: url(../image/7X.png)
}

.mp_progress_bar_wrap {
	position: absolute;
	left: 20px;
	right: 20px;
	top: -20px;
	height: 35px;
	cursor: pointer
}

.mp_progress_bar {
	position: absolute;
	left: 0;
	right: 0;
	top: 14px
}

.mp_progress_bg {
	height: 5px;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	transform: scaleY(0.6);
	transition: transform .1s cubic-bezier(0.4, 0.0, 1, 1);
	-webkit-transform: scaleY(0.6);
	-webkit-transition: -webkit-transform .1s cubic-bezier(0.4, 0.0, 1, 1);
	background: url(../image/7o.png) 0 0 repeat;
	background: rgba(255, 255, 255, .2)
}

.mp_progress_bar_mouse_over .mp_progress_bg,
.mp_dragging .mp_progress_bg {
	transform: scaleY(1);
	-webkit-transform: scaleY(1)
}

.mp_progress_loaded_bg {
	right: auto;
	background: rgba(255, 255, 255, .3)
}

.mp_progress_seek_bg {
	right: auto
}

.mp_progress_played_seek_bg {
	left: auto;
	background: rgba(0, 0, 0, .125)
}

.mp_progress_played {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0
}

.mp_scrubber {
	display: block;
	position: absolute;
	width: 12px;
	height: 12px;
	top: -4px;
	right: -6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	transform: scale(.1);
	transition: transform .1s cubic-bezier(0.4, 0.0, 1, 1);
	-webkit-transform: scale(.1);
	-webkit-transition: -webkit-transform .1s cubic-bezier(0.4, 0.0, 1, 1)
}

.mp_touch .mp_scrubber,
.mp_progress_bar_mouse_over .mp_scrubber,
.mp_dragging .mp_scrubber {
	transform: scale(1);
	-webkit-transform: scale(1)
}

.mp_scrubber_timer {
	padding: 8px 12px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-style: normal;
	font-size: 12px;
	color: #fff;
	position: absolute;
	bottom: 100%;
	margin-bottom: 6px;
	background: #333;
	background: rgba(0, 0, 0, .5);
	transform-origin: 50% 100%;
	transform: scale(0);
	transition: transform .15s, opacity .15s;
	-webkit-transform-origin: 50% 100%;
	-webkit-transform: scale(0);
	-webkit-transition: -webkit-transform .15s, opacity .15s;
	pointer-events: none;
	display: none;
	opacity: 0
}

@media {
	.mp_scrubber_timer {
		display: block
	}
}

.mp_progress_bar_mouse_over .mp_scrubber_timer,
.mp_dragging .mp_scrubber_timer {
	transform: scale(1);
	-webkit-transform: scale(1);
	display: block;
	opacity: 1
}

.mp_control_button_wrap {
	color: #fff;
	padding: 0 12px
}

.mp_control_button_right {
	float: right
}

.mp_time_wrap,
.mp_control_item {
	color: #fff;
	padding: 8px 10px 12px;
	position: relative;
	float: left;
	line-height: 20px
}

.mp_time_wrap {
	padding-left: 0;
	font-size: .9em;
	pointer-events: none
}

.mp_control_item {
	cursor: pointer;
	opacity: .8;
	transition: opacity .2s;
	-webkit-transition: opacity .2s
}

.mp_control_item:hover {
	opacity: 1
}

.mp_living_text {
	cursor: default;
	pointer-events: none;
	opacity: 1;
	display: none
}

.mp_player_living .mp_living_text {
	display: block
}

.mp_control_item .mp_button {
	background: url(../image/7U.png) 0 0 no-repeat;
	background-size: 100%;
	width: 20px;
	height: 20px;
	display: block
}

.mp_fullscreen .mp_button {
	background-position: 0 -60px
}

.mp_player_fullscreen .mp_fullscreen .mp_button {
	background-position: 0 -80px
}

.mp_player_playing .mp_button_play .mp_button {
	background-position: 0 -20px
}

.mp_player_loading .mp_video_loading,
.mp_played .mp_controls {
	display: block
}

.mp_played .mp_controls {
	pointer-events: all
}

.mp_played .mp_video_play,
.mp_played .mp_video_cover,
.mp_player_idle .mp_controls {
	display: none;
	pointer-events: none
}

@media only screen {
	.mp_played .mp_controls {
		opacity: 1
	}

	.mp_player_loading .mp_video_loading {
		opacity: 1;
		-webkit-animation: loading 1s steps(12, end) infinite both;
		animation: loading 1s steps(12, end) infinite both
	}

	.mp_played .mp_video_play,
	.mp_played .mp_video_cover,
	.mp_player_idle .mp_controls {
		opacity: 0;
		display: block
	}

	.mp_video_play {
		background-image: url(../image/x.svg)
	}
}

@media(-webkit-min-device-pixel-ratio:1.3),
(min--moz-device-pixel-ratio:1.3),
(min-resolution:1.3dppx) {
	.mp_video_loading {
		background-image: url(../image/7n.png)
	}

	.mp_control_item .mp_button {
		background-image: url(../image/7V.png)
	}
}

@media only screen and (max-width:500px) {
	.mp_video_loading {
		width: 40px;
		height: 40px;
		margin: -20px 0 0 -20px
	}
}

.mp_player_living .mp_progress_bar_wrap,
.mp_player_living .mp_time_wrap,
.mp_player_living .mp_button_play {
	display: none
}

.mp_no_controls .mp_controls,
.mp_no_controls .mp_video_play {
	display: none
}

@media only screen and (max-width:414px) {
	.mp_video_play {
		background-size: 96px
	}
}

.section_content {
	height: auto;
	padding: 50px 0 100px
}

.page_open .section_wrap {
	height: auto
}

.pagination {
	margin: 120px auto 42px;
	text-align: center
}

.pagination .page_number {
	display: inline-block;
	font-size: 1.25em;
	color: #b3b3b3;
	vertical-align: middle;
	padding: .8em
}

.pagination a.page_number:hover,
.pagination b.page_number {
	color: #808080
}

.pagination a.disabled {
	opacity: .3;
	pointer-events: none
}

.pagination a {
	vertical-align: middle;
	display: inline-block;
	position: relative
}

.post_nav_wrap a em,
.pagination a b {
	width: 52px;
	height: 52px;
	display: block;
	background: url(../image/o.svg) 50% 50% no-repeat;
	background-size: 100%;
	opacity: 0;
	-webkit-transition: opacity .4s ease;
	transition: opacity .4s ease
}

.post_nav_wrap a i,
.pagination a i {
	position: absolute;
	left: 0;
	top: 0;
	width: 52px;
	height: 52px;
	display: block;
	background: url(../image/p.svg) 0 50% no-repeat;
	background-size: 200%;
	opacity: .4;
	-webkit-transition: opacity .4s ease;
	transition: opacity .4s ease
}

.pagination .next i,
.post_nav_next a i {
	background-position: 100% 50%
}

.web .pagination a:hover b,
.pagination a.active b,
.web .pagination a:hover i,
.pagination a.active i,
.post_nav_wrap a:hover em,
.post_nav_wrap a.active em {
	opacity: 1
}

@media only screen and (max-width:414px) {
	.pagination {
		margin: 94px 0 0
	}

	.pagination:after {
		content: "";
		display: inline-block;
		width: 100%
	}

	.pagination span {
		width: auto
	}

	.pagination .page_number {
		padding: .4em
	}
}

@media only screen and (max-width:360px) {
	.pagination .page_number {
		font-size: 1em
	}
}

.col_list {
	border-top: 1px solid #c9c9c9
}

.col_list_no_border {
	border-top: 0
}

.col_list .row {
	border-bottom: 1px solid #c9c9c9;
	position: relative
}

.col_list .col {
	display: inline-block;
	padding: 1.8em 0;
	vertical-align: top;
	position: relative
}

.col_list .col_bg {
	background-color: #000;
	position: absolute;
	left: -100%;
	right: -100%;
	top: -1px;
	bottom: -1px;
	opacity: 0;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
	visibility: hidden
}

.col_list .col_name {
	width: 33%;
	font-weight: 500
}

.col_list .col .text {
	display: inline-block;
	padding-right: 1em
}

.col_list .col_detail {
	width: 66%
}

.col_list .col_area {
	width: 34%
}

.col_list .col_date {
	width: 31%;
	color: #999
}

.col_list .col_detail h4 {
	padding-bottom: 1.56em
}

.col_list .row_openable {
	cursor: pointer
}

.row_open .col_bg,
.row_hoverable.active .col_bg,
.web .row_hoverable:hover .col_bg {
	opacity: 1;
	visibility: visible
}

.row_open,
.row_hoverable.active,
.web .row_hoverable:hover {
	color: #fff
}

.row_hoverable.active .col_name_green,
.web .row_hoverable:hover .col_name_green {
	color: #83b42c
}

.row_hoverable.active:after,
.web .row_hoverable:hover:after {
	visibility: hidden
}

.row_detail {
	display: none;
	border-top: 1px solid #fff;
	padding: 2em 0 4.7em;
	position: relative
}

.row_open .row_detail {
	display: block
}

.row_open .row_detail p {
	margin: 0
}

.row_open .row_detail .item_title {
	font-size: 1em;
	padding-bottom: 1em
}

.row_detail .col_left {
	width: 66%
}

.row_detail .col_right {
	width: 33%
}

.row_detail .col_left .content_text {
	margin-right: 3.5em
}

.row_detail .col_date {
	display: none
}

.col_list .col_wrap {
	position: relative
}

.icon_plus {
	position: absolute;
	right: 14px;
	top: 50%;
	width: 21px;
	height: 21px;
	margin-top: -10px;
	-webkit-transition: transform .3s ease-out;
	transition: transform .3s ease-out
}

.icon_plus:before,
.icon_plus:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	top: 10px;
	background: #83b42c;
	position: absolute
}

.icon_plus:after {
	width: 1px;
	height: 100%;
	top: 0;
	left: 10px
}

.row_open .icon_plus {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg)
}

@media only screen and (max-width:414px) {
	.col_list .col_date {
		display: none
	}

	.job_list .col_list .col_name {
		width: 50%
	}

	.job_list .col_list .col_name .text {
		font-size: 1.2em;
		margin-top: -.1em
	}

	.col_list .col_area {
		width: 50%
	}

	.col_list .col_area .text {
		padding-right: 28px
	}

	.icon_plus {
		right: 0;
		width: 15px;
		height: 15px;
		margin-top: -8px
	}

	.icon_plus::before {
		top: 7px
	}

	.icon_plus::after {
		left: 7px
	}

	.col_list .row_detail .col {
		display: block;
		width: auto
	}

	.row_detail .col_left .content_text {
		margin: 0
	}

	.row_detail {
		padding: 2em 0
	}

	.row_detail .col {
		padding: 0
	}

	.row_detail .col_date {
		display: block;
		color: #999;
		float: right;
		line-height: 1.6;
		width: auto
	}

	.col_list .row_detail:before {
		background-color: #c9c9c9
	}
}

.section_sub_page.section_auto_height .content_text,
.section_sub_page .feature {
	opacity: 1;
	visibility: visible;
	-webkit-transform: none;
	transform: none;
	pointer-events: all
}

.section_sub_page.section_auto_height svg circle {
	opacity: 1
}

.section_sub_page .feature {
	text-align: center
}

.section_sub_page .content_block_title,
.section_sub_page .section_title {
	font-size: 2.25em;
	font-weight: 500;
	line-height: 1.3
}

.section_sub_page h4.section_title {
	padding-bottom: 0
}

.page_news_detail .sticky_wrap,
.section_news_list {
	min-height: 70%
}

.page_future_building .section_wrap,
.section_wrap .section_sub_page_top {
	height: auto;
	min-height: 100vh
}

.section_sub_page_top .content_padding {
	position: relative
}

.section_sub_page_top h2.content_block_title,
.section_sub_page h2.section_title {
	font-size: 3em;
	padding-bottom: 1.16em;
	text-align: left
}

.section_sub_page_top h3.content_block_title,
.section_sub_page h4.section_title {
	text-align: left;
	font-size: 2em;
	margin-top: 42px
}

.section_sub_page_top .content_padding {
	margin-top: 158px;
	padding-top: 0;
	padding-bottom: 0
}

.section_sub_page_top .figure_image {
	height: auto;
	margin-top: 0;
	bottom: 0
}

.section_sub_page_top .content_text {
	margin: 1.5em 0 2.5em
}

.section_sub_page_top .content_text p {
	margin-bottom: 1.5em
}

.section_sub_page {
	opacity: 1
}

.section_sub_page.section_show h3.content_block_title {
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.section_sub_page.section_show h2.content_block_title {
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}

.section_sub_page.section_show .content_text,
.section_sub_page.section_show .figure_image_mask {
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}

.section_wrap .section_sub_page .figure_image_mask {
	top: 50%
}

body .body_wrap .section_white_bg {
	background-color: #fff
}

body .body_wrap .section_black_bg {
	background-color: #000;
	color: #fff
}

.section_sub_page .feature .item {
	width: 20%;
	vertical-align: top;
	margin-bottom: 0
}

.section_building_system .feature .item,
.section_sub_page .feature_4 .item {
	width: 25%
}

.section_sub_page .feature i {
	width: 72px;
	height: 78px;
	position: static;
	margin: 0 auto 3em
}

.section_sub_page .item_title {
	font-size: 1.3em;
	padding-bottom: .6em
}

.section_sub_page .feature .item_content {
	font-size: .875em;
	line-height: 1.9
}

.section_building_system .feature .item_content {
	padding: 0 1.5em
}

.section_building_system .section_title {
	padding-bottom: 70px
}

.section_sub_page .content_image {
	background-size: contain;
	height: auto
}

.section_sub_page .content_image .placeholder {
	padding-top: 50%
}

.image_slider {
	overflow: visible;
	margin-bottom: 9.5%
}

.image_slider .image_wrap .placeholder {
	padding-top: 56%
}

.slider .slider_nav {
	position: absolute;
	top: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, .5);
	width: 16%;
	left: 0;
	cursor: pointer;
	text-align: center
}

.slider .nav_next {
	left: auto;
	right: 0
}

.slider_nav .arrow {
	display: inline-block;
	max-width: 112px;
	width: 60%;
	background: url(../image/k.svg) 0 0 no-repeat;
	background-size: auto 100%;
	opacity: .5;
	-webkit-transition: opacity .5s;
	transition: opacity .5s
}

.nav_next .arrow {
	background-position: 100% 0
}

.web .slider_nav:hover .arrow,
.slider_nav.active .arrow {
	opacity: 1
}

.image_slider .slider_item {
	vertical-align: middle
}

.image_slider .item_border {
	width: 52.6%;
	margin: 0 auto;
	background-color: #fff;
	border: 12px solid #fff
}

.image_slider .item_content {
	width: 65%;
	margin: 0 auto;
	padding: 2.6em 0
}

.image_slider .item_title {
	padding-bottom: 1em;
	text-align: center
}

.image_slider .item_text {
	font-size: 1em;
	line-height: 1.625
}

.scroller_dot_pagination {
	text-align: center;
	padding: 2.5em 0;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%
}

.scroller_dot_pagination b {
	padding: 8px;
	width: auto
}

.scroller_dot_pagination b i {
	display: none
}

.scroller_dot_pagination em,
.scroller_dot_pagination b:hover em {
	width: 8px;
	height: 8px;
	display: block;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #acacac;
	cursor: pointer
}

.body_wrap .scroller_dot_pagination .c em {
	background-color: #123a64
}

.section_sub_page .scroller_pagination_wrap {
	width: auto;
	position: absolute;
	left: 0;
	right: 0;
	padding-bottom: 7%;
	opacity: 1;
	-webkit-transform: none;
	pointer-events: all;
	transform: none
}

.section_fixed_banner .scroller_pagination_wrap {
	padding-bottom: 23px
}

.section_sub_page .scroller_pagination_1 {
	padding-bottom: 1.2em
}

.section_sub_page .scroller_pagination_wrap b:hover em,
.section_sub_page .scroller_pagination_wrap em {
	background-color: #b7b7b7
}

.page_content_text h2 {
	padding-bottom: .5em
}

.page_content_text .row {
	padding: 1.5em 0 .5em
}

.page_about .sticky_wrap {
	position: relative;
	background-color: #000
}

.page_about .figure_image {
	height: 100vh
}

.page_about .figure_image .placeholder {
	display: none
}

.page_about .section_sub_page {
	background-color: #f2f2f2
}

.page_about .section_sub_page_top {
	color: #fff;
	background-color: transparent
}

.page_about .section_sub_page_top .content_text {
	opacity: 0;
	-webkit-transform: translate3D(0, 20px, 0);
	transform: translate3D(0, 20px, 0)
}

.show_about_top .section_sub_page_top .content_text {
	opacity: 1;
	-webkit-transform: translate3D(0, 0, 0);
	transform: translate3D(0, 0, 0)
}

.page_about .section_sub_page_top .middle_holder {
	vertical-align: bottom
}

.page_about .placeholder_about {
	position: absolute;
	left: 0;
	right: 0;
	top: 70%;
	top: 100vh;
	bottom: 0
}

.page_about .blur_image {
	-webkit-filter: blur(10px);
	filter: blur(10px);
	opacity: 0
}

.page_about .section_sub_page_top .content_padding {
	margin-top: 0;
	padding-top: 50%;
	padding-top: 55vh;
	padding-bottom: 20%
}

.page_about .section_sub_page_top .content_block {
	width: 66%
}

.page_about .figure_image {
	background-size: cover;
	width: auto;
	margin-left: 0;
	left: 0;
	right: 0;
	top: auto !important;
	bottom: 0 !important;
	height: 100%;
	height: 100vh;
	overflow: visible
}

.page_about .figure_image .image_wrap {
	height: auto;
	position: absolute;
	left: -10px;
	right: -10px;
	top: -10px;
	bottom: -15px;
	background-size: cover
}

.page_about .section_feature {
	background-color: #123a64
}

.page_about .section_feature .block_width_padding {
	margin: 0 21px
}

.page_about .section .section_title {
	font-size: 1.5em;
	line-height: 1.5;
	font-weight: 500;
	margin-top: 0;
	padding: 0
}

.page_about .section_feature {
	background-color: #123a64
}

.page_about .section_feature .section_title {
	color: #fff;
	text-align: center;
	padding-bottom: 2.2em
}

.page_about .section_feature .feature {
	margin-left: -9px;
	margin-right: -9px;
	width: 100%;
	table-layout: fixed;
	padding: 0 9px
}

.page_about .section_feature .feature .item {
	background-color: #fff;
	display: table-cell;
	padding: 1.5em 1.875em 3.5em;
	padding-right: 4em;
	text-align: left;
	-webkit-transition: background-color .5s;
	transition: background-color .5s;
	width: 33.3%
}

.web .page_about .section_feature .feature .item:hover,
.page_about .section_feature .feature .item.active {
	background-color: #f2f2f2
}

.page_about .section_feature .feature .number {
	font-size: 10em;
	line-height: 1;
	color: #83b42c;
	font-weight: 100
}

.page_about .section_feature .item_title {
	line-height: 1.35;
	padding-top: 1.8em
}

.page_about .section_feature .content_text {
	padding-top: 1.2em
}

.page_about .section_feature .button_more_wrap {
	padding-top: 2.2em
}

.page_about .section_feature .button_more {
	margin-left: -.2em
}

.page_about .section_investor {
	background-color: #e6e6e6
}

.page_about .content_block_left {
	width: 34%;
	display: inline-block;
	vertical-align: top
}

.page_about .image_wrap_right {
	vertical-align: top;
	width: 64%;
	margin-left: 2%;
	display: inline-block
}

.page_about .section_investor .content_padding {
	padding-top: 95px;
	padding-bottom: 90px
}

.section_investor .content_block_left {
	vertical-align: middle
}

.section_investor .image_wrap_right {
	vertical-align: middle
}

.page_about .section_history {
	background-color: #fff
}

.page_about .section_history .content_padding,
.page_about .section_partner .content_padding {
	padding-top: 75px;
	padding-bottom: 120px
}

.page_about .section_partner .section_title {
	padding-bottom: 80px
}

.tab_wrap {
	max-width: 750px;
	margin: 0 auto
}

.tab_nav,
.tab_content_wrap {
	text-align: left
}

.tab_nav {
	white-space: nowrap;
	padding: 4em 0 2em;
	display: inline-block
}

.tab_nav li {
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap
}

.tab_nav span {
	margin: 0 10px 10px;
	display: inline-block;
	vertical-align: middle;
	background-color: #f2f2f2;
	border: 1px solid #f2f2f2;
	padding: .45em 2.15em;
	line-height: 1;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	cursor: pointer;
	-webkit-transition: background-color .3s, border-color .3s;
	transition: background-color .3s, border-color .3s
}

.tab_nav span:hover {
	background-color: #fff
}

.tab_nav .c span {
	background-color: #fff;
	border-color: #83b42c
}

.tab_content_wrap label {
	float: left;
	margin-right: 1em;
	text-align: right;
	width: 130px;
	line-height: 1.625;
	padding-top: .5em;
	font-weight: bold
}

.time_content_wrap {
	overflow: hidden;
	position: relative
}

.time_content_wrap .line {
	position: absolute;
	left: 4px;
	top: 0;
	bottom: 0;
	width: 1px;
	display: block;
	background-color: #83b42c
}

.time_item_0 .line {
	top: 1em
}

.time_content_item {
	position: relative;
	line-height: 1.625;
	padding: .5em 1.5em
}

.time_content_item .dot {
	position: absolute;
	width: 7px;
	height: 7px;
	border: 1px solid #83b42c;
	background-color: #fff;
	left: 0;
	top: 1em
}

.tab_content_item {
	display: none
}

.tab_content_wrap .c {
	display: block
}

@media only screen and (max-width:414px) {
	.tab_nav {
		white-space: normal;
		display: block;
		padding: 2em 0
	}

	.tab_nav li {
		width: 32%
	}

	.tab_nav span {
		text-align: center;
		display: block;
		padding-left: 0;
		padding-right: 0
	}

	.tab_content_wrap label {
		width: 2.5em
	}

	.page_about .sticky_wrap {
		background-color: transparent
	}

	.page_about .figure_image {
		left: 0;
		right: 0;
		position: relative !important;
		height: auto !important;
		background-color: #333;
		overflow: hidden
	}

	.page_about .figure_image .blur_image {
		display: none
	}

	.page_about .figure_image .placeholder {
		display: block;
		padding-top: 66%
	}

	.page_about .figure_image .image_mask {
		display: none
	}

	.page_about .section_sub_page_top {
		color: inherit;
		min-height: 0
	}

	.page_about .section_sub_page_top .content_text {
		opacity: 1;
		-webkit-transform: none !important;
		transform: none !important;
		margin-top: 0
	}

	.page_about .section_sub_page_top .content_block {
		width: auto
	}

	.page_about .section .content_padding {
		padding-top: 66px;
		padding-bottom: 66px
	}

	.page_about .section_history .content_padding {
		padding-top: 0
	}

	.page_about .section_sub_page_top .content_padding {
		padding: 33px 0 0
	}

	.page_about .section_feature .feature {
		display: block;
		margin: 0;
		padding: 0;
		width: auto
	}

	.page_about .body_wrap .section_sub_page_top .content_block_title {
		text-align: left
	}

	.page_about .section_feature .feature .item {
		width: 160px;
		padding: 30px 40px;
		margin: 0 auto;
		display: block
	}

	.page_about .section_feature .feature .number {
		font-size: 7.5em
	}

	.page_about .section_feature .item_title {
		font-size: 1.6em;
		padding-top: 0
	}

	.page_about .section_feature .content_padding {
		padding: 75px 0
	}

	.page_about .section_feature .section_title {
		padding-bottom: 80px
	}

	.page_about .section_partner .section_title {
		padding-bottom: 50px
	}

	.page_about .section .section_title,
	.page_about .section_investor .content_padding {
		text-align: center
	}

	.page_about .image_wrap_right {
		margin-top: 36px;
		width: 100%
	}

	.page_about .section_partner {
		background-color: #f2f2f2
	}
}

.page_future_building .section_future_building .figure_image_mask {
	margin-top: -270px;
	left: 52%;
	width: 490px
}

.page_future_building .content_image {
	background-position: 50% 100%;
	margin-bottom: -10px
}

.page_future_building .content_padding {
	padding-top: 120px;
	padding-bottom: 90px
}

.section_future_building_case .content_padding {
	padding-top: 54px;
	padding-bottom: 68px
}

.section_future_building_case .section_title {
	padding-bottom: 82px
}

.section_client_value .content_padding {
	padding-top: 90px;
	padding-bottom: 170px
}

.page_future_building .feature {
	margin-top: 16px
}

.scene_list_wrap {
	background-color: #d2d2d2;
	padding: 0 4em
}

.scene_list_wrap .section_title {
	padding: 60px 0 65px
}

.scene_list {
	padding: 0 0 70px;
	margin: 0 auto;
	max-width: 760px
}

.scene_list:after {
	content: "";
	display: inline-block;
	width: 100%
}

.scene_list .item {
	display: inline-block;
	width: 16%;
	position: relative;
	text-align: center;
	vertical-align: top
}

.scene_list .item_content_wrap,
.scene_list .item svg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.scene_list .item_inner {
	margin: 0 15px 24px;
	position: relative
}

.scene_list .item i {
	display: block;
	width: 66px;
	height: 73px;
	margin: -5px auto 8px
}

.scene_list h3 {
	font-size: 2.25em
}

.scene_list .item h4 {
	font-size: 1em
}

.item_blue {
	color: #fff
}

.section_client_value .item i {
	margin-bottom: 1.8em
}

@media only screen and (max-width:414px) {
	.page_future_building .section_sub_page_top .figure_image {
		height: auto;
		background-size: 130%;
		background-position: 23% 13%;
		left: auto;
		right: 0
	}

	.page_future_building .section_sub_page_top .figure_image_mask {
		width: 75%;
		margin: 165px auto 0;
		right: 0;
		left: 0;
		top: 0
	}

	.page_future_building .content_padding {
		padding-top: 33px;
		padding-bottom: 30px
	}

	.page_future_building .feature .item {
		width: 50%;
		padding-bottom: 1em
	}

	.page_future_building .section_building_system .block_width_padding {
		margin: 0
	}

	.scene_list .item h4 {
		font-size: 1em
	}

	.scene_list {
		padding-top: 0;
		padding-bottom: 80px
	}

	.scene_list .item {
		width: 49%
	}

	.scene_list .item_inner {
		margin: 0 10.5% 10.5%
	}

	.page_future_building .section_future_building_case .section_title,
	.page_future_building .section_client_value .content_padding {
		padding-bottom: 56px
	}

	.page_future_building .section_future_building_case .content_padding {
		padding-bottom: 0
	}

	.image_slider {
		background-color: #fff;
		margin-bottom: 0;
		padding-bottom: 50px
	}

	.image_slider .slider_item {
		vertical-align: top
	}

	.image_slider .item_border {
		width: auto;
		border: 0
	}

	.image_slider .item_content {
		width: auto;
		padding: 2.6em 30px 1em
	}

	.image_slider .scroller_dot_pagination {
		top: auto;
		bottom: 0;
		padding-top: 0;
		padding-bottom: 2em
	}

	.page_future_building .body_wrap .section_client_value {
		background-color: #ebebeb
	}

	.page_future_building .section_client_value .feature .item {
		width: 100%;
		display: block
	}

	.section_client_value .item i {
		margin-top: 2em;
		margin-bottom: 1em
	}
}

@media only screen and (max-width:360px) {
	.scene_list .item h4 {
		font-size: .8em
	}
}

.page_future_city .section_future_city .figure_image_mask {
	width: 860px;
	margin-top: -257px;
	right: 52.6%
}

.page_future_city .section_sub_page,
.page_future_city .block_bg {
	background-color: #e5e5e5
}

.page_future_city .content_padding {
	padding-top: 72px;
	padding-bottom: 125px
}

.page_future_city .section_future_city_feature {
	overflow: visible;
	margin-top: -48px;
	padding: 0 42px;
	background: 0
}

.page_future_city .section_future_city_feature .content_padding {
	padding-bottom: 154px
}

.page_future_city .section_title {
	padding-bottom: 58px
}

.page_future_city .section_sub_page_top .content_padding {
	padding-top: 53px;
	padding-bottom: 210px
}

.section_future_city_solution .content_padding {
	padding-top: 130px;
	padding-bottom: 58px
}

.section_future_city_solution .section_title {
	padding-bottom: 95px
}

.section_future_city_solution_content .content_padding {
	padding-top: 90px;
	padding-bottom: 67px
}

.section_future_city_solution_content .section_title {
	padding-bottom: 80px
}

.section_future_city_feature .block_width_padding {
	position: relative;
	background-color: #f6f6f6
}

.section_future_city_feature .content_text {
	margin: 0 auto;
	max-width: 490px
}

.section_future_city_feature .feature {
	display: flex;
	flex-wrap: wrap;
	margin: 4em -8px 0
}

.section_future_city_feature .feature .item {
	width: 50%;
	text-align: left
}

.section_future_city_feature .feature .item_inner {
	margin: 0 8px 16px;
	border: 1px solid #83b42c;
	padding: .625em;
	padding-left: 62px;
	padding-right: 0;
	position: relative
}

.language_en .section_future_city_feature .item_title {
	padding-bottom: 0
}

.language_en .section_future_city_feature .item_inner {
	padding-right: .625em
}

.language_en .section_future_city_feature .item_text_wrap {
	position: relative
}

.language_en .section_future_city_feature .item_title_show {
	position: absolute;
	left: 0;
	top: 0;
	right: 0
}

.language_en .section_future_city_feature .item_title_holder {
	visibility: hidden
}

.section_future_city_feature .feature i {
	position: absolute;
	left: 10px;
	top: 10px
}

.section_future_city_feature .feature .item_title {
	font-size: .875em
}

.section_future_city_feature .feature .item_text {
	font-size: .75em;
	position: relative
}

.section_future_city_feature .feature .item_text ul {
	padding-left: 1.5em;
	padding-right: 1em
}

.section_future_city_feature .feature .item_text li {
	list-style: disc
}

.section_future_city_feature .feature .text {
	position: absolute;
	left: 0;
	top: 0;
	right: 0
}

.section_future_city_feature .feature .text_placeholder {
	visibility: hidden
}

.section_future_city_solution .feature_wrap {
	margin: 0 37px
}

.section_future_city_solution .feature {
	display: table;
	width: 100%
}

.section_future_city_solution .feature .item_bg {
	position: absolute;
	left: 5px;
	right: 5px;
	top: -1px;
	bottom: 0;
	background-color: #f6f6f6
}

.section_future_city_solution .feature .table_cell {
	width: 33.33%;
	position: relative
}

.section_future_city_solution .feature .item_image {
	position: relative;
	width: 75%;
	max-width: 230px;
	margin: 0 auto;
	padding: 60px 0 43px
}

.section_future_city_solution .feature h4 {
	font-size: 1.2em;
	text-align: center
}

.section_future_city_solution .feature .item_image svg,
.section_future_city_solution .feature .item_content_wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.section_future_city_solution .feature .content_text {
	padding: 0 13.4% 25%;
	position: relative;
	text-align: left
}

.section_future_city_solution .feature i {
	display: block;
	width: 86px;
	height: 86px;
	width: 170px;
	height: 170px;
	margin: 0 auto
}

.section_future_city_solution .feature .item_content_wrap .i_1 {
	background-position: 0 50%
}

.section_future_city_solution .feature .item_content_wrap .i_2 {
	background-position: 0 100%
}

.card_slider .image_wrap .placeholder {
	padding-top: 56.25%
}

.card_slider .item_title {
	padding-bottom: 2.2em
}

.card_slider_wrap {
	position: relative
}

.card_slider_bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.card_slider .item_content_wrap {
	padding: 5% 150px;
	margin: 7% 8% 8.7%;
	text-align: center
}

.card_slider .item_content_bg,
.card_slider .item_content_wrap_mask {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute
}

.card_slider .item_content_bg {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .95)
}

.card_slider .slider_nav {
	background-color: transparent;
	width: 150px
}

.card_slider .slider_nav .arrow {
	width: 56px;
	background-image: url(../image/n.svg)
}

.card_slider .item_content {
	max-width: 696px;
	margin: 0 auto
}

.card_slider .scroller_dot_pagination {
	top: auto;
	bottom: 0;
	padding: 0 0 3.5em
}

.card_slider .scroller_dot_pagination .c em {
	background-color: #00ecb7
}

.card_slider .feature {
	text-align: center;
	padding: 66px 0 30px
}

.card_slider .feature .item {
	width: 25%
}

.card_slider .feature .item i {
	width: 72px;
	height: 72px;
	margin-bottom: 1.2em
}

.card_slider .feature .item_title {
	font-size: .875em;
	padding: 0 .5em
}

.section_future_city_case .item_title {
	font-size: 1.125em;
	padding-bottom: 1.5em
}

.section_future_city_case .item_text {
	font-size: .875em
}

.section_future_city_case .item_content {
	width: 87%;
	padding-top: 1.6em
}

@media only screen and (max-width:414px) {
	.section_sub_page_top .figure_image {
		margin: 0;
		left: 0;
		width: 200%;
		height: 100%;
		background-size: auto 100%
	}

	.page_future_city .section_sub_page {
		background-color: #f6f6f6
	}

	.page_future_city .block_bg,
	.page_future_city .block_bg .section_sub_page,
	.section_future_city_feature .block_width_padding {
		background-color: #fff
	}

	.page_future_city .section_future_city_feature {
		margin-top: 0;
		padding: 0
	}

	.page_future_city .section_future_city_feature .content_padding {
		padding-bottom: 16px
	}

	.page_future_city .section_future_city_feature .section_title {
		padding-bottom: 1em
	}

	.page_future_city .section_future_city_feature .item {
		width: 100%;
		display: block;
		margin: 0
	}

	.page_future_city .section_future_city_feature .item_inner {
		padding-left: 80px
	}

	.page_future_city .section_future_city_feature .item_title {
		font-size: 1em
	}

	.page_future_city .section_future_city_feature .item_text {
		font-size: 1em
	}

	.icon_set_future_city_0 .item .i_1 {
		background-position: 0 -140px
	}

	.icon_set_future_city_0 .item .i_2 {
		background-position: 0 -285px
	}

	.icon_set_future_city_0 .item .i_3 {
		background-position: 0 -425px
	}

	.page_future_city .content_padding {
		padding-top: 57px;
		padding-bottom: 35px
	}

	.section_future_city_solution .feature {
		display: block
	}

	.section_future_city_solution .feature .table_row,
	.section_future_city_solution .feature .table_cell {
		display: block
	}

	.section_future_city_solution .feature .table_cell {
		width: auto;
		color: inherit
	}

	.item_blue .item {
		color: #fff
	}

	.section_future_city_solution .feature .item_image {
		margin: 0 auto;
		width: 182px;
		padding: 0 0 30px
	}

	.section_future_city_solution .feature .content_text {
		padding-bottom: 13.4%
	}

	.language_en .section_future_city_feature .content_text_feature {
		margin: 0
	}

	.language_en .section_future_city_feature .item_inner {
		padding: 1em;
		padding-top: 80px
	}

	.language_en .section_future_city_feature .feature i {
		left: 50%;
		margin-left: -30px
	}

	.section_future_city_feature .feature .item_title_show {
		position: relative
	}

	.section_future_city_feature .feature .item_title_holder {
		display: none
	}

	.section_future_city_solution .feature i {
		width: 130px;
		height: 130px
	}

	.section_future_city_solution .feature h4 {
		font-size: 1.2em
	}

	.section_future_city_solution_content .content_padding {
		padding-bottom: 0
	}

	.section_future_city_solution_content .block_width_padding {
		margin: 0
	}

	.body_wrap .section_future_city_solution_content .section_title {
		padding-bottom: 40px
	}

	.card_slider .item_content_wrap {
		padding-left: 11%;
		padding-right: 11%;
		padding-top: 6%;
		margin-top: 11%
	}

	.card_slider .content_text {
		text-align: left
	}

	.card_slider .feature {
		padding-top: 30px
	}

	.card_slider .scroller_dot_pagination {
		padding-bottom: 2em
	}

	.card_slider .feature .item {
		width: 50%;
		padding-bottom: 1em
	}

	.card_slider .icon_count_3 .item {
		width: 33.3%
	}

	.card_slider .feature .item_title {
		font-size: .95em
	}

	.card_slider .feature .item i {
		width: 54px;
		height: 54px
	}

	.page_future_city .section_sub_page_top .figure_image {
		height: auto;
		background-size: 135%;
		background-position: 65% 0
	}

	.page_future_city .section_sub_page_top .figure_image_mask {
		width: 140%;
		margin: 80px 5% 0 0;
		top: 0;
		right: 0
	}
}

.page_capital .section_sub_page_top .figure_image_mask {
	left: 50%;
	margin-top: -220px;
	width: 520px
}

.page_capital .section_sub_page_top .figure_image_mask .parallax_item {
	background: url(../image/8-.png) 50% 50% no-repeat;
	background-size: 100%;
	height: 0;
	padding-top: 115%
}

.language_en .page_capital .section_sub_page_top .figure_image_mask .parallax_item {
	background-image: url(../image/8Y.png)
}

.page_capital .section_sub_page_top .figure_image {
	background-color: transparent
}

.page_capital .section_sub_page_top .figure_image_bg {
	background-image: url(../image/1j.jpg);
	background-color: #1e324d;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.section_future_capital:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100px;
	background-image: -webkit-gradient(linear, 0% 0, 0% 100%, color-stop(0, rgba(18, 58, 100, 0)), color-stop(1, rgba(18, 58, 100, 1)));
	background: linear-gradient(180deg, rgba(18, 58, 100, 0), rgba(18, 58, 100, 1))
}

.page_capital .section_sub_page .content_block_title {
	white-space: nowrap
}

.page_capital .section_sub_page h3.content_block_title {
	font-size: 2.3em
}

.page_capital .section_sub_page_top .content_padding {
	margin-top: 310px;
	margin-bottom: 220px
}

.page_capital .block_bg {
	background-color: #123a64
}

.page_capital .section_capital_feature {
	margin-top: -48px;
	overflow: visible;
	background: 0
}

.page_capital .section_capital_system {
	background: 0;
	color: #fff
}

.page_capital .section_capital_feature .block_width_padding {
	background-color: #f6f6f6
}

.page_capital .section_capital_feature svg {
	vertical-align: middle
}

.page_capital .section_capital_feature svg * {
	opacity: 1
}

.page_capital .section_capital_system .content_padding {
	padding: 215px 0 260px
}

.page_capital .section_capital_system .section_title {
	text-align: left;
	padding-bottom: 135px
}

.page_capital .section_capital_system .feature {
	text-align: left;
	width: 50%;
	border-top: 1px solid #fff;
	position: relative
}

.page_capital .section_capital_system .item {
	border-bottom: 1px solid #fff;
	width: auto;
	display: block
}

.page_capital .section_capital_system .item_title {
	padding: .65em 0;
	padding-right: 40px;
	cursor: pointer;
	position: relative
}

.page_capital .section_capital_system .row_detail {
	padding: 0;
	border: 0
}

.page_capital .section_capital_system .row_detail .item_image {
	display: none
}

.page_capital .section_capital_system .row_detail::before {
	display: none
}

.page_capital .section_capital_system .item_content {
	padding: 0 4em 2em 0;
	font-size: 1em;
	line-height: 1.6
}

.page_capital .section_capital_system .item_content .detail {
	font-size: .75em;
	margin-top: 1em
}

@media only screen and (max-width:1280px) {
	.page_capital .section_capital_system .item_content .detail {
		font-size: .84em
	}
}

.page_capital .section_capital_system .figure_image_wrap {
	width: 100%;
	left: 100%;
	position: absolute;
	top: 0;
	margin-top: -1%
}

.page_capital .section_capital_system .figure_image_wrap .item_image_inner {
	max-width: 450px;
	margin: 0 auto;
	position: relative
}

.page_capital .section_capital_system .figure_image_wrap .item_image_wrap {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute
}

.page_capital .section_capital_system .figure_image_wrap .image_wrap,
.page_capital .section_capital_system .figure_image_wrap .image_text {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
	opacity: 0;
	-webkit-transform: translate(0, 5%);
	transform: translate(0, 5%);
	background: none 50% 50% no-repeat;
	background-size: 100%
}

.page_capital .section_capital_system .figure_image_wrap .c {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out
}

.page_capital .section_capital_system .figure_image_wrap .placeholder {
	padding-top: 145%
}

.page_capital .section_capital_system .feature .image_wrap_0,
.page_capital .section_capital_system .feature .image_wrap_4 {
	background-image: url(../../uploadfile/2021/0427/20210427021012794.png)
}

.page_capital .section_capital_system .feature .image_text_0 {
	background-image: url(http://test.witbee.cn/s/8A.png)
}

.page_capital .section_capital_system .feature .image_wrap_1,
.page_capital .section_capital_system .feature .image_wrap_5,
.page_capital .section_capital_system .feature .image_wrap_9 {
	background-image: url(../../uploadfile/2021/0427/20210427015839335.png)
}

.page_capital .section_capital_system .feature .image_text_1 {
	background-image: url(../image/8B.png)
}

.page_capital .section_capital_system .feature .image_wrap_2,
.page_capital .section_capital_system .feature .image_wrap_6 {
	background-image: url(../../uploadfile/2021/0427/20210427020836298.png)
}

.page_capital .section_capital_system .feature .image_text_2 {
	background-image: url(../image/8C.png)
}

.page_capital .section_capital_system .feature .image_wrap_3,
.page_capital .section_capital_system .feature .image_wrap_7,
.page_capital .section_capital_system .feature .image_wrap_8 {
	background-image: url(http://test.witbee.cn/s/8y.png)
}

.page_capital .section_capital_system .feature .image_text_3 {
	background-image: url(../image/8L.png)
}

.page_capital .section_capital_system .feature .image_text_4 {
	background-image: url(../image/8M.png)
}

.page_capital .section_capital_system .feature .image_text_5 {
	background-image: url(../image/8N.png)
}

.page_capital .section_capital_system .feature .image_text_6 {
	background-image: url(../image/8O.png)
}

.page_capital .section_capital_system .feature .image_text_7 {
	background-image: url(../image/8P.png)
}

.page_capital .section_capital_system .feature .image_text_8 {
	background-image: url(../image/8Q.png)
}

.page_capital .section_capital_system .feature .image_text_9 {
	background-image: url(../image/8R.png)
}

.language_en .page_capital .section_capital_system .feature .image_text_0,
.language_en .page_capital .section_capital_system .feature .image_text_3,
.language_en .page_capital .section_capital_system .feature .image_text_4,
.language_en .page_capital .section_capital_system .feature .image_text_7,
.language_en .page_capital .section_capital_system .feature .image_text_8 {
	background-image: url(../image/8Z.png)
}

.language_en .page_capital .section_capital_system .feature .image_text_1,
.language_en .page_capital .section_capital_system .feature .image_text_3,
.language_en .page_capital .section_capital_system .feature .image_text_5,
.language_en .page_capital .section_capital_system .feature .image_text_9 {
	background-image: url(../image/8!.png)
}

.language_en .page_capital .section_capital_system .feature .image_text_2,
.language_en .page_capital .section_capital_system .feature .image_text_6 {
	background-image: url(../image/8_.png)
}

.page_capital .section_capital_case {
	background-color: #f6f6f6
}

.page_capital .section_capital_case .content_padding {
	padding: 66px 0 0
}

.page_capital .section_capital_case .section_title {
	padding-bottom: 80px
}

.page_capital .section_client_value .content_padding {
	padding: 52px 0 75px
}

.page_capital .section_client_value .section_title {
	padding-bottom: 65px
}

.page_capital .section_capital_feature .block_width,
.page_capital .section_client_value .block_width {
	max-width: 1328px
}

.page_capital .section_client_value .feature {
	margin: 0 -7px;
	display: table
}

.page_capital .section_client_value .feature .item {
	width: 33%;
	display: table-cell;
	position: relative;
	padding: 30px 40px
}

.page_capital .section_client_value .feature .item_bg {
	position: absolute;
	left: 7px;
	right: 7px;
	top: 0;
	bottom: 0;
	background-color: #f6f6f6
}

.page_capital .section_client_value .feature i,
.page_capital .section_client_value .feature .item_title {
	position: relative
}

.page_capital .section_client_value .feature .item_content {
	position: relative;
	font-size: 1em;
	text-align: left
}

@media(-webkit-min-device-pixel-ratio:1.3),
(min--moz-device-pixel-ratio:1.3),
(min-resolution:1.3dppx) {

	.page_capital .section_capital_system .feature,
	.page_capital .section_capital_system .item {
		border: 0
	}

	.page_capital .section_capital_system .feature::after,
	.page_capital .section_capital_system .item::before {
		content: "";
		height: 1px;
		background: #fff;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		transform: scale(1, .5);
		-webkit-transform: scale(1, .5);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0
	}

	.page_capital .section_capital_system .feature::after {
		top: auto;
		bottom: 0;
		transform-origin: 0 100%;
		-webkit-transform-origin: 0 100%
	}
}

@media only screen and (max-width:414px) {
	.page_capital .section_client_value .feature {
		display: block;
		margin: 0 auto
	}

	.page_capital .section_client_value .feature .item {
		display: block;
		width: auto;
		margin-bottom: 14px
	}

	.icon_set_capital .item .i_1 {
		background-position: 0 -100px
	}

	.icon_set_capital .item .i_2 {
		background-position: 0 -200px
	}

	.page_capital .section_sub_page_top .figure_image {
		background: url(../image/8G.png) 50% 100px no-repeat !important;
		background-size: 100% !important;
		width: 100%
	}

	.page_capital .section_sub_page_top .figure_image_mask,
	html.language_en .page_capital .section_sub_page_top .figure_image_mask {
		width: 65%;
		margin: 40% auto 0;
		right: 0;
		left: 0;
		top: 0
	}

	.page_capital .body_wrap .section_sub_page_top .content_padding {
		padding-bottom: 50px
	}

	.page_capital .section .content_padding {
		padding-top: 33px;
		padding-bottom: 30px
	}

	.page_capital .section .section_title {
		padding-bottom: 44px
	}

	.page_capital .section_capital_system .feature {
		width: auto
	}

	.page_capital .section_capital_system .item_title {
		padding: 1.14em 0;
		padding-right: 40px
	}

	.page_capital .section_capital_system .icon_plus {
		right: 18px
	}

	.page_capital .section_capital_feature .block_width_padding {
		margin: 0
	}

	.page_capital .section_capital_system .section_title {
		text-align: center
	}

	.page_capital .section_capital_system .content_padding {
		padding-top: 48px;
		padding-bottom: 140px
	}

	.page_capital .section_capital_system .item_content {
		padding-right: 0
	}

	.page_capital .section_capital_system .row_detail .item_image {
		display: block;
		margin: 0 10% 15px
	}

	.page_capital .section_capital_system .figure_image_wrap {
		display: none
	}

	.page_capital .section_capital_system .feature .image_wrap_1,
	.page_capital .section_capital_system .feature .image_wrap_3,
	.page_capital .section_capital_system .feature .image_wrap_5,
	.page_capital .section_capital_system .feature .image_wrap_7,
	.page_capital .section_capital_system .feature .image_wrap_8,
	.page_capital .section_capital_system .feature .image_wrap_9 {
		margin-left: 5%;
		margin-right: 15%
	}

	.page_capital .section_capital_system .feature .image_wrap_2,
	.page_capital .section_capital_system .feature .image_wrap_6 {
		margin-left: 15%;
		margin-right: 5%
	}
}

.page_smart_device .content_center {
	max-width: 489px;
	margin: 0 auto;
	text-align: left
}

.page_smart_device .body_wrap .section_title {
	padding-bottom: 2.1em;
	font-weight: 500;
	text-align: center
}

.page_smart_device .section_content_title .section_title {
	font-size: 2.25em
}

.page_smart_device .section_content_title .content_padding {
	padding: 250px 0
}

.page_smart_device .section_content_title .image_wrap {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 250px;
	background-size: auto 100%
}

.page_smart_device .image_position_right .image_wrap {
	left: 50%;
	margin-left: 325px;
	background-size: cover;
	right: 0;
	bottom: 0;
	height: auto;
	background-position: 0 50%
}

.page_smart_device .body_wrap h2.section_title {
	padding-bottom: .9em
}

.page_smart_device .body_wrap h4.section_title {
	padding-bottom: 0;
	margin-top: 0
}

.page_smart_device .section_sub_page {
	background-color: #e5e5e5
}

.page_smart_device .section_content_top_title .content_padding {
	padding-top: 78px
}

.page_smart_device .section_slider .banner_wrap {
	top: 0
}

.page_smart_device .section_slider .image_contain {
	bottom: 5em;
	margin-bottom: 7%;
	height: auto
}

.section_image_grid .image_grid_wrap {
	margin: 0 -10px
}

.section_image_grid .image_grid_item {
	width: 50%;
	display: inline-block;
	vertical-align: top
}

.page_smart_device .image_grid_wrap .image_wrap {
	margin: 0 10px 10px;
	overflow: hidden;
	background-size: 100%
}

.page_smart_device .image_grid_wrap .item_title_mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
	color: #fff;
	opacity: 0
}

.page_smart_device .content_block_title {
	font-size: 2.25em
}

.page_smart_device .image_grid_wrap .item_title_mask h3 {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 1.2em;
	font-size: 1.75em
}

.page_smart_device .content_block {
	width: 50%
}

.page_smart_device .content_block .content_text h4 {
	padding-bottom: .6em
}

.page_smart_device .section_product_0 .content_block {
	margin-left: 66.5%
}

.page_smart_device .section_product_0 .content_padding {
	padding-top: 277px;
	padding-bottom: 0
}

.page_smart_device .section_product_1 .content_padding {
	padding-top: 80px;
	padding-bottom: 194px
}

.image_grid_wrap .image_wrap:hover .item_title_mask {
	opacity: 1
}

.page_smart_device .slider_tip {
	font-size: 1.75em
}

.page_smart_device .section {
	margin-bottom: 20px
}

.page_smart_device .section_slider+.section,
.page_smart_device .section_content_title+.section {
	margin-top: -20px
}

.page_smart_device .section_fixed_banner,
.page_smart_device .section_content_top_title,
.page_smart_device .footer {
	margin-bottom: 0
}

.page_smart_device .section_image_text {
	background-color: #fff
}

.page_smart_device .section_image_text .figure_image {
	position: absolute;
	left: 55%;
	margin: 0;
	top: 0;
	bottom: 0;
	width: 45%;
	max-width: 490px;
	z-index: 1
}

.page_smart_device .section_image_text .image_cover {
	background-size: cover;
	width: 45%;
	max-width: none;
	background-position: 0 50%
}

.page_smart_device .section_image_text .content_padding {
	padding: 100px 0
}

.page_smart_device .section_image_text .content_block_title {
	margin-bottom: 80px
}

.page_smart_device .section_image_text .content_block {
	width: 50%;
	max-width: 500px
}

.page_smart_device .section_image_text .content_text {
	margin: 0
}

.page_app_products .section_image_text .block_bg,
.page_smart_device .section_image_text .block_bg {
	background-color: #e5e5e5;
	overflow: hidden;
	position: relative
}

.page_smart_device .section_image_text .content_width,
.page_smart_device .section_image_grid .block_width {
	max-width: 1440px;
	margin: 0 auto
}

@media only screen and (max-width:414px) {
	.page_smart_device .section_content_title .section_title {
		font-size: 1.6em
	}

	.page_smart_device .section_content_top_title .content_padding {
		padding: 66px 0 100px
	}

	.page_smart_device .body_wrap .section_wrap {
		padding-top: 0
	}

	.page_smart_device .section_fixed_banner,
	.page_smart_device .section_fixed_banner .banner_wrap,
	.page_smart_device .section_fixed_banner .slider,
	.page_smart_device .section_fixed_banner .slider .scroller,
	.page_smart_device .section_fixed_banner .slider .slider_item,
	.page_smart_device .section_fixed_banner .banner_item .image_wrap {
		height: 100%
	}

	.page_smart_device .section_content_title .content_padding {
		padding: 170px 0 120px
	}

	.page_smart_device .section_content_title .image_wrap {
		height: 170px
	}

	.page_smart_device .image_position_right .image_wrap {
		left: 0;
		margin: 0;
		background-size: auto 100%;
		bottom: auto;
		background-position: 50%
	}

	.page_smart_device .image_mobile_position_bottom .image_wrap {
		top: auto;
		bottom: 0;
		height: 400px
	}

	.page_smart_device .image_mobile_position_bottom .content_padding {
		padding: 50px 0 420px
	}

	.page_smart_device .section_image_grid {
		margin: 0
	}

	.page_smart_device .image_grid_wrap .image_grid_item {
		width: 100%;
		display: block
	}

	.page_smart_device .image_grid_wrap .image_wrap {
		margin: 0
	}

	.page_smart_device .image_grid_wrap .item_title_mask {
		opacity: 1
	}

	.page_smart_device .section_image_grid .block_width_padding {
		margin: 0
	}

	.page_smart_device .section {
		margin: 0
	}

	.page_smart_device .section_image_text {
		margin-bottom: 13px
	}

	.page_smart_device .section_slider+.section,
	.page_smart_device .section_content_title+.section {
		margin-top: 0
	}

	.page_smart_device .section_image_text .block_bg {
		margin: 0
	}

	.page_smart_device .section_image_text .content_padding {
		padding: 18px 0 36px
	}

	.page_smart_device .section_image_text .figure_image {
		position: relative;
		left: 0;
		width: auto;
		max-width: none;
		background-size: contain
	}

	.page_smart_device .section_image_text .image_cover {
		background-size: cover
	}

	.page_smart_device .section_image_text .content_block {
		width: auto;
		max-width: none
	}

	.page_smart_device .section_image_text .content_block_title {
		text-align: left;
		margin: 0 0 .7em;
		font-size: 1.3em
	}

	.page_smart_device .section_slider .placeholder {
		padding-top: 128%
	}

	.page_smart_device .slider_tip {
		font-size: 1em
	}

	.page_smart_device .scroller_pagination b {
		width: 24px
	}
}

.page_app_products .sticky_wrap {
	background-color: #152a48
}

.section_app_products,
.page_app_products .section_feature {
	background: 0;
	color: #fff
}

.page_app_products .section_sub_page {
	background-color: transparent
}

.page_app_products .section_auto_height {
	background-color: #fff
}

.section_app_products h3.content_block_title {
	text-align: right;
	line-height: 1.1
}

.section_app_products h2.content_block_title {
	color: #83b42c;
	text-align: right;
	padding-bottom: 1.3em
}

.section_app_products .content_block {
	margin-left: 50%;
	text-align: right
}

.button_app_download {
	border: 1px solid #fff;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	color: #fff;
	display: inline-block;
	padding: .42em 0;
	width: 198px;
	text-align: center;
	-webkit-transition: background-color .5s ease;
	transition: background-color .5s ease
}

.web .button_app_download:hover,
.button_app_download.active {
	background-color: rgba(255, 255, 255, .1)
}

.button_app_download i {
	width: 26px;
	height: 30px;
	vertical-align: middle;
	display: inline-block;
	margin-right: .8em;
	background: url(../image/t.svg) 0 0 no-repeat
}

.button_app_download b {
	width: 22px;
	height: 22px;
	vertical-align: middle;
	display: inline-block;
	margin-left: 1.625em;
	background: url(../image/u.svg) 0 0 no-repeat
}

.button_app_download_android i {
	background-image: url(../image/s.svg)
}

.section_app_products .qrcode {
	width: 126px;
	height: 126px;
	background-color: #fff;
	margin-left: auto;
	margin-top: 4em
}

.page_app_products .section_feature {
	pointer-events: none
}

.page_app_products .section_feature .feature {
	pointer-events: none;
	-webkit-transition: opacity .5s ease, -webkit-transform .5s ease-out;
	transition: opacity .5s ease, transform .5s ease-out;
	-webkit-transform: translate3D(0, 25%, 0);
	transform: translate3D(0, 15%, 0);
	opacity: 0
}

.page_app_products .section_feature .image_mask {
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
	opacity: 0;
	background-color: rgba(0, 0, 0, .5)
}

.show_app_feature .section_feature {
	pointer-events: all
}

.show_app_feature .section_feature .image_mask {
	opacity: 1
}

.show_app_feature .section_feature .feature {
	pointer-events: all;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.section_app_products .content_padding {
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease
}

.show_app_feature .section_app_products .content_padding {
	opacity: 0
}

.page_app_products .sticky_wrap .figure_image {
	-webkit-transition: -webkit-filter .5s ease-out;
	transition: filter .5s ease-out
}

.show_app_feature .figure_image {
	-webkit-filter: blur(15px);
	filter: blur(15px)
}

.page_app_products .section_feature .item {
	width: 24.5%
}

.page_app_products .section_feature .item_title {
	font-size: 1.3125em;
	font-weight: 400;
	padding-bottom: 6.8em
}

.page_app_products .section_feature .item_row_2 .item_title {
	padding-bottom: 0
}

.page_app_products .sticky_wrap {
	height: 200%;
	position: relative;
	overflow: hidden
}

.page_app_products .sticky_wrap_has_top_content {
	margin-top: -20px
}

.page_app_products .sticky_wrap .figure_image,
.page_app_products .sticky_wrap .section_fill_height {
	height: 50%;
	min-height: 520px;
	overflow: visible
}

.page_app_products .sticky_wrap .section {
	margin-bottom: 0
}

@media only screen and (max-height:610px) {
	.page_app_products .section_feature .item_title {
		padding-bottom: 2em
	}
}

@media only screen and (max-height:510px) {
	.page_app_products .section_feature .item_title {
		padding-bottom: 1em
	}
}

@media only screen and (max-width:414px) {
	.page_app_products .body_wrap .section_wrap {
		padding-top: 41px
	}

	.page_app_products .section_fixed_banner {
		margin-top: -41px
	}

	.page_app_products .sticky_wrap_has_top_content {
		margin-top: 0
	}

	.section_app_products .content_block,
	.page_app_products .body_wrap .section_sub_page_top .content_block_title {
		text-align: left
	}

	.button_app_download {
		-webkit-border-radius: 6px;
		border-radius: 6px;
		width: 155px
	}

	.button_app_download i {
		width: 18px;
		height: 21px;
		background-size: 100%
	}

	.button_app_download b {
		background-size: 100%;
		width: 17px;
		height: 17px;
		margin-left: 2em
	}

	.page_app_products .section_sub_page_top .content_text {
		margin: 0
	}

	.section_app_products .qrcode {
		display: none
	}

	.page_app_products .figure_image {
		width: auto !important;
		height: auto;
		background-size: 240%;
		background-position: 40% 100%;
		left: -20px;
		right: -20px;
		margin: 0
	}

	.page_app_products .figure_image,
	.page_app_products .sticky_wrap .section_fill_height {
		min-height: 50%
	}

	.page_app_products .section_feature .block_width,
	.page_app_products .section_feature .block_width_padding,
	.page_app_products .body_wrap .section_feature .content_padding {
		height: 100%
	}

	.page_app_products .body_wrap .section_feature .content_padding {
		padding-top: 20px;
		padding-bottom: 0
	}

	.page_app_products .body_wrap .section_feature .content_padding .middle_holder {
		display: inline-block
	}

	.page_app_products .section_feature .item {
		width: 49%
	}

	.page_app_products .section_feature .item_title {
		padding-bottom: 3em;
		font-size: 1em
	}
}

@media only screen and (max-width:414px) and (max-height:550px) {
	.page_app_products .icon_set_future_app .item i {
		margin-bottom: .5em
	}

	.page_app_products .section_feature .item_title {
		padding-bottom: 1em
	}
}

.page_news,
.page_news .body_bg,
.page_news_detail,
.page_news_detail .body_bg,
.page_news_detail .section_sub_page {
	background-color: #e5e5e5
}

.section_news_list .column {
	width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.section_news_list .item .item_text {
	display: block;
	color: #808080
}

.section_news_list .item_black .item_text {
	color: #ccc
}

.section_news_list .item_gray .item_text {
	color: #e6e6e6
}

.section_news_list .content_text_wrap {
	padding: 0 30px;
	margin: -42px auto 90px
}

.section_news_list .content_center {
	margin: 0 auto;
	max-width: 489px;
	text-align: left
}

.video_list_wrap {
	max-width: 980px;
	margin: 0 auto
}

.video_list .item .placeholder {
	padding-top: 56.25%
}

.video_list .item_title {
	text-align: center;
	font-size: 1.125em;
	color: #666;
	padding: 1em 0 3.2em
}

.video_list .item:last-child .item_title {
	padding-bottom: 0
}

.section_news_item {
	padding-top: 105px
}

.section_news_item .block_width {
	max-width: 778px
}

.post_wrap {
	background-color: #fff;
	padding: 7.3em 2.5em;
	margin: 50px auto
}

.post_content_text {
	line-height: 1.625;
	padding-top: 3.85em;
	border-top: 1px solid #808080;
	position: relative
}

.post_content_text img {
	width: auto !important;
	height: auto !important
}

.post_summury {
	color: #808080;
	font-size: .875em;
	padding-bottom: .8em
}

.post_wrap .post_title {
	font-size: 2.25em;
	line-height: 1.38;
	padding-bottom: .3em
}

.page_news_detail .sticky_wrap {
	position: relative
}

.post_nav_wrap {
	position: absolute;
	right: 50%;
	height: 100vh;
	width: 142px;
	margin-right: 385px;
	z-index: 100
}

.post_nav_next {
	right: auto;
	left: 50%;
	margin-left: 385px
}

.post_nav_wrap .middle_holder {
	vertical-align: bottom
}

.post_nav_wrap h3 {
	color: #000;
	font-size: .875em;
	line-height: 1.8;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
	opacity: 0
}

.post_nav_wrap a {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-bottom: 2em
}

.post_nav_wrap b {
	color: #808080;
	display: block;
	position: relative;
	overflow: hidden;
	margin-top: .6em
}

.post_nav_wrap a:hover h3,
.post_nav_wrap a.active h3 {
	opacity: 1
}

.post_nav_wrap a em {
	float: left
}

.post_nav_wrap a span {
	float: right;
	line-height: 52px
}

.post_nav_next a em {
	float: right
}

.post_nav_next a i {
	left: auto;
	right: 0
}

.post_nav_next a span {
	float: left
}

@media only screen and (max-width:414px) {

	.page_news_detail,
	.page_news_detail .section_sub_page,
	.page_news_detail .body_bg {
		background-color: #fff
	}

	.section_news_item {
		padding-top: 0
	}

	.section_news_list .content_text_wrap {
		margin: -20px auto 44px
	}

	.section_news_item .content_padding {
		padding-bottom: 0
	}

	.section_sub_page .news_list_wrap .item .item_content {
		padding: 2.25em 1em
	}

	.news_list_wrap .item .item_title {
		margin-top: .7em
	}

	.news_list_wrap .item .item_text {
		margin-top: .5em
	}

	.section_video_list .block_width_padding {
		margin: 0
	}

	.video_list .item_title {
		padding-bottom: 7.5em
	}

	.post_wrap {
		margin: 0;
		padding: 1.7em 0
	}

	.post_wrap .post_title {
		font-size: 1.5em
	}

	.post_summury {
		font-size: .9em
	}

	.post_nav_bg {
		background-color: #e5e5e5
	}

	.post_nav_wrap {
		position: static !important;
		width: 49% !important;
		height: auto !important;
		margin: auto !important;
		display: inline-block;
		vertical-align: top
	}

	.post_nav_wrap a {
		position: static;
		padding: 50px 0 40px
	}

	.post_nav_wrap h3 {
		display: none
	}

	.post_nav_wrap b {
		margin: 0
	}

	.post_nav_wrap a span {
		float: none
	}

	.post_nav_wrap a em {
		margin: 0 2em
	}

	.post_nav_prev a i {
		left: 2em
	}

	.post_nav_next a i {
		right: 2em
	}

	.post_nav_next b {
		text-align: right
	}
}

.icon_set i {
	background: none 0 0 no-repeat;
	background-size: 100%
}

.icon_set_future_building_0 .item i {
	background-image: url(../image/g.svg);
	margin: 1em auto
}

.icon_set_future_building_1 .item i {
	background-image: url(../image/F.svg)
}

.icon_set_future_building_2 .item i {
	background-image: url(../picture/i.svg)
}

.icon_set_future_city_0 .item i {
	width: 42px;
	height: 40px;
	background-image: url(../image/H.svg)
}

.icon_set_future_city_1 .item i {
	background-image: url(../picture/G.svg)
}

.icon_set_future_city_2 .item i {
	background-image: url(../image/m.svg)
}

.icon_set_capital .item i {
	width: 100px;
	height: 100px;
	margin-top: 2em;
	margin-bottom: 3.5em;
	background-image: url(http://test.witbee.cn/s/E.svg)
}

.icon_set_future_app .item i {
	width: 74px;
	height: 79px;
	margin-bottom: 2.25em;
	background-image: url(../image/w.svg)
}

.icon_set .i_1 {
	background-position: 0 -100px
}

.icon_set .i_2 {
	background-position: 0 -200px
}

.icon_set .i_3 {
	background-position: 0 -300px
}

.icon_set .i_4 {
	background-position: 0 -400px
}

.icon_set .i_5 {
	background-position: 0 -500px
}

.icon_set .i_6 {
	background-position: 0 -600px
}

.icon_set .i_7 {
	background-position: 0 -700px
}

.icon_set .i_8 {
	background-position: 0 -800px
}

.icon_set .i_9 {
	background-position: 0 -900px
}

.icon_set .i_10 {
	background-position: 0 -1000px
}

.icon_set .i_11 {
	background-position: 0 -1100px
}

.icon_set .i_12 {
	background-position: 0 -1200px
}

.icon_set .i_13 {
	background-position: 0 -1300px
}

.icon_set .i_14 {
	background-position: 0 -1400px
}

.icon_set .i_15 {
	background-position: 0 -1500px
}

.icon_set .i_16 {
	background-position: 0 -1600px
}

.icon_set .i_17 {
	background-position: 0 -1700px
}

.icon_set .i_18 {
	background-position: 0 -1800px
}

@media only screen and (max-width:414px) {
	.icon_set_future_city_0 .item i {
		width: 60px;
		height: 60px
	}

	.icon_set_future_building_0 .item i,
	.icon_set_future_building_2 .item i {
		width: 54px;
		height: 59px
	}

	.icon_set_future_building_1 .item i {
		width: 50px;
		height: 56px;
		margin-bottom: -1em;
		-webkit-transform: scale(.6);
		transform: scale(.6);
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0
	}

	.icon_set_future_app .item i {
		width: 56px;
		height: 64px;
		margin-bottom: 1.5em
	}

	.icon_set .i_1 {
		background-position: 0 -75px
	}

	.icon_set .i_2 {
		background-position: 0 -150px
	}

	.icon_set .i_3 {
		background-position: 0 -225px
	}

	.icon_set .i_4 {
		background-position: 0 -300px
	}

	.icon_set .i_5 {
		background-position: 0 -375px
	}

	.icon_set .i_6 {
		background-position: 0 -450px
	}

	.icon_set .i_7 {
		background-position: 0 -525px
	}

	.icon_set .i_8 {
		background-position: 0 -600px
	}

	.icon_set .i_9 {
		background-position: 0 -675px
	}

	.icon_set .i_10 {
		background-position: 0 -750px
	}

	.icon_set .i_11 {
		background-position: 0 -825px
	}

	.icon_set .i_12 {
		background-position: 0 -900px
	}

	.icon_set .i_13 {
		background-position: 0 -975px
	}

	.icon_set .i_14 {
		background-position: 0 -1050px
	}

	.icon_set .i_15 {
		background-position: 0 -1125px
	}

	.icon_set .i_16 {
		background-position: 0 -1200px
	}

	.icon_set .i_17 {
		background-position: 0 -1275px
	}

	.icon_set .i_18 {
		background-position: 0 -1350px
	}
}

.block_width {
	width: 960px;
	margin: 0 auto;
	position: relative
}

.block_width_wide {
	width: 960px
}

.block_width_padding {
	margin: 0 42px
}

.body_wrap {
	min-width: 320px
}

.section_wrap,
.top_nav {
	min-width: 910px
}

.language_en .top_nav {
	min-width: 910px
}

body .normal_case {
	text-transform: none
}

@media only screen {
	.block_width {
		width: auto;
		max-width: 1200px
	}

	.block_width_wide {
		max-width: 1440px
	}
}

@media only screen and (max-width:1280px) {
	body {
		font-size: .9em
	}

	.sub_nav a {
		padding: 1.3em 1.5em
	}

	.section_about .number_item b {
		font-size: 3.5em
	}

	.section_sticky_wrap .figure_image {
		width: 1400px;
		margin-left: -700px
	}

	.figure_image_mask {
		width: 480px
	}

	.section_future_building .figure_image_mask {
		left: 98%;
		margin-top: 4%
	}

	.section_future_capital .figure_image_mask {
		width: 510px;
		margin-top: -4%;
		left: 95%
	}

	.language_en .section_future_capital .figure_image_mask {
		margin-top: 6%
	}

	.language_en .page_capital .section_future_capital .figure_image_mask {
		margin-top: -220px
	}

	.section_future_building svg .item_dot text {
		font-size: 20px
	}

	.section_future_building svg .item_dot text.sub_title {
		font-size: 14px
	}

	.section_future_city svg .item_dot text {
		font-size: 20px
	}

	.section_future_capital svg .item_dot text {
		font-size: 20px
	}

	.section_products .figure_image,
	.section_products .scroller_pagination_wrap {
		width: 450px
	}
}

@media only screen and (max-width:414px) {

	.section_wrap,
	.top_nav {
		min-width: 0
	}

	body {
		font-size: .8333em;
		overflow-x: hidden
	}

	.block_width_padding {
		margin-left: 20px;
		margin-right: 20px
	}

	.scroller_pagination b {
		width: 50px
	}

	.scroller_pagination em {
		height: 2px
	}

	.scroller_pagination .scroller_arrow .scroller_arrow_box {
		width: 20px;
		height: 20px;
		top: -8px
	}

	.scroller_dot_pagination b {
		width: auto
	}

	.scroller_dot_pagination em {
		height: 8px
	}

	.section_sub_page .slider_nav {
		display: none
	}

	.section .section_title {
		font-size: 1em;
		padding-bottom: 60px
	}

	.content_block_title,
	.page_home h2.content_block_title {
		font-size: 2em;
		text-align: center
	}

	.page_home .sticky_wrap .content_padding,
	.content_padding {
		padding-top: 44px;
		padding-bottom: 60px
	}

	.section .content_block {
		display: block;
		width: auto;
		margin: auto
	}

/* 	.content_web,
	.image_web {
		display: none !important
	} */

	.content_mobile,
	.image_mobile {
		display: block
	}

	.column_wrap .column {
		display: block;
		width: auto
	}

	.column_wrap {
		margin: 0 30px
	}

	.news_list_wrap .item {
		margin: 0 0 10px
	}

	.body_wrap .section_wrap {
		padding-top: 41px
	}

	.page_home .section_wrap {
		padding-top: 0
	}

	.section_sub_page_top h3.content_block_title,
	.section_sub_page h4.section_title {
		font-size: 1.5em;
		margin-top: 0
	}

	.section_sub_page_top h2.content_block_title,
	.section_sub_page h2.section_title {
		font-size: 2em
	}

	.section_future_capital .content_block .content_block_title {
		font-size: 1.8em
	}

	.section_future_capital .content_block h3.content_block_title {
		font-size: 1.5em
	}

	.section_sub_page .item_title {
		font-size: 1.2em
	}

	.section_sub_page .content_block_title,
	.section_sub_page .section_title {
		font-size: 1.6em;
		line-height: 1.25
	}

	.section_sub_page .section_title {
		padding-bottom: 44px
	}

	.section_fill_height,
	.section_fill_height .block_width,
	.section_fill_height .block_width_padding {
		height: auto;
		min-height: auto
	}

	.body_wrap .section_sub_page_top .content_padding {
		padding-top: 85px;
		padding-bottom: 20px;
		position: relative;
		margin: 0
	}

	.body_wrap .section_sub_page_top .content_padding .middle_holder {
		display: none
	}

	.body_wrap .section_sub_page_top .content_block_title {
		text-align: center;
		white-space: normal
	}

	.figure_image_holder {
		display: block;
		padding-top: 100%;
		background-size: 100%
	}

	.section_future_building svg .item_dot text {
		font-size: 24px
	}

	.section_future_building svg .item_dot text.sub_title {
		font-size: 17px
	}

	.section_future_city svg text,
	.section_future_city svg .item_dot text {
		font-size: 25px
	}

	.section_future_capital svg text {
		font-size: 32px
	}

	.section_future_capital svg .item_dot text {
		font-size: 30px
	}
}

@media(-webkit-min-device-pixel-ratio:1.3),
(min--moz-device-pixel-ratio:1.3),
(min-resolution:1.3dppx) {

	.post_content_text,
	.footer .copyright,
	.row_detail,
	.col_list {
		border-top: 0;
		position: relative
	}

	.col_list .row {
		border-bottom: 0;
		position: relative
	}

	.body_wrap .top_nav {
		border-bottom-color: transparent
	}

	.top_nav:after,
	.post_content_text:before,
	.footer .copyright:before,
	.col_list:before,
	.col_list .row:after,
	.row_detail:before,
	.nav_pannel .block_width_padding:before,
	.nav_pannel .nav_item:after {
		content: "";
		height: 1px;
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		transform: scale(1, .5);
		-webkit-transform: scale(1, .5);
		transform-origin: 50% 100%;
		-webkit-transform-origin: 50% 100%
	}

	.top_nav:after {
		background-color: rgba(0, 0, 0, .1);
		z-index: 1001;
		opacity: 0;
		-webkit-transition: opacity .5s ease;
		transition: opacity .5s ease
	}

	.show_nav_line .top_nav:after {
		opacity: 1
	}

	.show_m_nav .top_nav:after,
	.show_nav .top_nav:after {
		opacity: 0;
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}

	.col_list .row:after {
		bottom: -1px
	}

	.row_open:after {
		opacity: 0
	}

	.row_detail:before {
		background-color: #fff
	}

	.col_list:before,
	.col_list .row:after {
		background-color: #c9c9c9
	}

	.post_content_text:before,
	.footer .copyright:before {
		background-color: #808080
	}

	.post_content_text:before,
	.col_list:before,
	.nav_pannel .block_width_padding:before,
	.footer .copyright:before,
	.row_detail:before {
		transform-origin: 50% 0;
		-webkit-transform-origin: 50% 0;
		top: 0;
		bottom: auto
	}

	.col_list_no_border:before {
		display: none
	}

	.scroller_pagination .scroller_arrow .scroller_arrow_box i {
		background-image: url(http://test.witbee.cn/s/C.svg)
	}
}
.wbdome01{
    padding: 30px 0;
}
.wbdomeh3{
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 15px;
}
.wbdomecon .hd{
    height: 60px;
    border-bottom:1px solid #ddd;
    margin: 30px 0;
}
.wbdomecon .hd ul{
    width: 80%;
    margin: auto;
}
.wbdomecon .hd li{
    width: 20%;
    height: 60px;
    text-align: center;
    line-height:60px;
    float: left;
    margin: 0 6%;
    font-size: 18px;
    cursor: pointer;
}
.wbdomecon .hd li.on{
    border-bottom: 3px solid #83b42c;
}
.wbdomecon .bd{
    height: 600px;
    margin-bottom: 30px;
    font-size: 14px;
}
.wbdome02 ul{

    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px 0 30px;
}
.wbdome02 ul li{
    width: 31%;
    height: 144px;
    overflow: hidden;
    margin-bottom: 2%;
    position: relative;
    cursor: pointer;
	float:left;
	margin-left:5px;
}
.wbdome02 ul li img{
    width: 100%;
    transition: .3s all;
}
.wbdome02 ul li a{
    position: absolute;
    top: 30px;
    left: 30px;
    font-size: 16px;
    color: #fff;
}
.wbdome02 ul li:hover img{
    transform: scale(1.2);
}
.bgwbss{
    padding: 50px 0;
    background: url(/template/pc/skin/images/wbvvv.jpg) no-repeat center;
}
.wballdome01{
    padding: 30px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wballdomeh3{
    padding: 80px 0 0;
    font-size:32px;
    text-align: center;
}
.wballdome-txt{
    width: 49%;
    font-size: 18px;
}
.wballdome-txt h1{
    font-size: 32px;
    margin-bottom: 15px;
}
.wballdome-img{
    width: 45%;
}
.wballdome02{
    background: #f7f7f7;
    padding-bottom: 50px;
}
.wballdome02 ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 50px;
}
.wballdome02 ul li{
    width: 48%;
    margin-bottom: 5%;
    display: flex;
    align-items: center;
}
.wballdome02 ul li img{
    
}
.wballdome02 ul li .hexcon{
    margin: 0 30px;
}
.wballdome02 ul li span{
    font-size: 18px;
    display: block;
    margin: 5px 0;
}
.wballdome02 ul li .hxdiv{
    font-size: 14px;
    line-height:24px;
    color: #666;
}


.wballdome03{
    padding-bottom: 50px;
}
.wballdome03 ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 50px;
}
.wballdome03 ul li{
    width: 48%;
    margin-bottom: 2%;
    box-shadow: 0 10px 25px rgb(0 0 0 / 5%);
    border-radius: 10px;
    padding: 25px;
    
}
.wballdome03 ul li span{
    font-size: 18px;
    display: block;
    margin: 20px 0;
}
.wballdome03 ul li div{
    font-size: 14px;
    line-height:24px;
    color: #666;
}
.wbcp ul{
    display: flex;
    margin-top: 30px;
    flex-wrap: wrap;
}
.wbcp ul li{
    width: 31%;
    margin: 1%;
    background: #fff;
}
.wbcp ul li .wbimg{
    width: 100%;
    height: 366px;
    overflow: hidden;
    position: relative;
}
.wbcp ul li img{
    width: 100%;
    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
}
.wbcp ul li .wbtxt{
    margin-top: 15px;
    height: 40px;
    line-height:40px;
    text-align: center;
    font-size: 16px;
}
.wbcp ul li .wbtxt a{
    display: block;
    width: 100%;
    height: 40px;
    line-height:40px;
}

.wballdome012 ul{
    display: flex;
    margin-top: 30px;
    justify-content: space-between;
}
.wballdome012 ul li{
    width: 31%;
    margin: 1%;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wballdome012 ul li img{
    width: 15%;
}
.wballdome012 ul li div{
    width: 75%;
}
.wballdome012 ul li div strong{
    font-size: 18px;
    font-weight: bold;
}
.wballdome012 ul li div p{
    font-size: 15px;
    margin-top: 15px;
    line-height: 24px;
}





.wballdome010 ul{
    display: flex;
    width: 50%;
    margin: 30px auto 0; 
    flex-direction: column;
}
.wballdome010 ul li{
    width: 100%;
    list-style: none;
    text-align: center;
    margin-bottom: 20px;
}
.wballdome010 ul li div strong{
    font-size: 20px;
    display: block;
    margin: 10px 0 10px;
}
.wballdome010 ul li div p{
    font-size: 15px;
    margin-top: 5px;
}
.wballdome011 li{
    width: 23%;
}
.wbtable table{
}
.wbtable table tr{
    display: block;
    padding: 5px 0;
    display: flex;
    align-items: center;
}
.wbtable table tr:nth-child(odd){
background: #f5f5f6;
}
.wbtable table td{
    display: block;
    padding: 0 50px;
}
.wbtable table td p span{
    background: none!important;
}
.wbtable001 li{
    padding: 20px 0;
    border-top: 1px solid #ddd;
    display: flex;
    align-items: center;
}
.wbtable001 li span{
    display: block;
    width: 20%;
    font-size: 18px;
    font-weight: bold;
    
}
.wbtable001 li div{
    width: 78%;
    line-height: 30px;
}
.jisgz ul{
margin: 50px 0;
}
.jisgz ul li{
    display: flex;
    padding: 15px 0;
}
.jisgz ul li span{
    display: block;
    width: 30%;
}
.jisgz ul li div{
    width: 70%;
    padding: 0 50px;
}
.jjccaa{}
.jjccaa .hd{
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #ddd;
    margin: 30px 0;
}
.jjccaa .hd ul{
    display: flex;
    justify-content: center;
}
.jjccaa .hd li{
    width: 20%;
    text-align: center;
    cursor: pointer;
    height: 52px;
}
.jjccaa .hd li.on{
    color: #83b42c;
    border-bottom: 2px solid #83b42c;
}
.jjccaa .bd ul li{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.jjccaa .bd ul li .ffssstxt{
    width: 50%;
}
.jjccaa .bd ul li .ffssstxt h3{
   font-size: 18px;
   margin-bottom: 25px;
   font-weight: bold;
}
.jjccaa .bd ul li .ffssstxt div{
    font-size: 16px;
    line-height: 30px;
}
.jjccaa .bd ul li .ffsssimg{
    width: 46%;
}
.jjccaa .bd ul li .ffsssimg img{
    width: 100%;
}

.wballdome10{
    padding-bottom: 50px;
}
.wballdome10 ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 50px;
}
.wballdome10 ul li{
    width: 24%;
    text-align: center;
    margin-bottom: 2%;
    box-shadow: 0 10px 25px rgb(0 0 0 / 5%);
    border-radius: 10px;
    padding: 15px 10px;
    border:2px solid #fff;
    transition: .3s all;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-around;
}


.wballdome10 ul li img{
    width: 50px;
    margin-right: 10px;
}
.wballdome10 ul li div{
    width: 60%;
    text-align: left;
}
.wballdome10 ul li a{
    font-size: 16px;
    display: block;
}
.wballdome10 ul li:hover{
    border:2px solid #83b42c;
}

.jjccaa01 .hd{
    height: 92px;
    line-height: 92px;
    border-bottom: 1px solid #ddd;
    margin: 30px 0;
}
.jjccaa01 .hd ul{
    display: flex;
    justify-content: center;
}
.jjccaa01 .hd li{
    width: 13%;
    text-align: center;
    cursor: pointer;
    height: 92px;
}
.jjccaa01 .hd li img{
    height: 40px;
}
.jjccaa01 .hd li.on{
    color: #83b42c;
    border-bottom: 2px solid #83b42c;
}
.jjccaa01 .bd ul li{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.jjccaa01 .bd ul li .ffssstxt{
    width: 50%;
}
.jjccaa01 .bd ul li .ffssstxt h3{
   font-size: 18px;
   margin-bottom: 25px;
   font-weight: bold;
}
.jjccaa01 .bd ul li .ffssstxt div{
    font-size: 16px;
    line-height: 30px;
}
.jjccaa01 .bd ul li .ffsssimg{
    width: 46%;
}
.jjccaa01 .bd ul li .ffsssimg img{
    width: 100%;
}

.xxccvv01{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.xcvb{
    width: 48%;
    margin-bottom: 20px;
    transition: .3s all;
}
.xcvb:hover{
    box-shadow: 0 10px 25px rgb(0 0 0 / 5%);
}
.xcvb h3{
    height: 48px;
    line-height: 48px;
    background:url(/template/pc/wanbin/image/hybg.jpg) no-repeat center;
    padding: 0 20px;
    font-size: 18px;
}
.xcvb div{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 0;
    background:#f6f8fd;
}
.xcvb div a{
    display: block;
    width: 48%;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    font-size: 14px;
}